Split CSS into overridable files

8 files changed, 1236 insertions, 1850 deletions

diff --git a/themes/original/css/style.css.php b/themes/original/css/common.css.php
index 252357f07e..846025f444 100644
--- a/themes/original/css/style.css.php
+++ b/themes/original/css/common.css.php
@@ -1,14 +1,14 @@
 <?php
 /* vim: set expandtab sw=4 ts=4 sts=4: */
 /**
- * main css file from theme Original
+ * Common styles for the original theme
  *
  * @package    PhpMyAdmin-theme
  * @subpackage Original
  */
 
 // unplanned execution path
-if (!defined('PMA_MINIMUM_COMMON') && !defined('TESTSUITE')) {
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
     exit();
 }
 ?>
@@ -1659,44 +1659,6 @@ input#input_import_file {
     margin: 5px 0 5px 0;
 }
 
-/**
- * GIS data editor styles
- */
-a.close_gis_editor {
-    float: 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;
-}
-
 #popup_background {
     display: none;
     position: fixed;
@@ -1711,86 +1673,6 @@ a.close_gis_editor {
 }
 
 /**
- * ENUM/SET editor styles
- */
-p.enum_notice {
-    margin: 5px 2px;
-    font-size: 80%;
-}
-
-fieldset.enum_editor_no_js {
-    width: 40em;
-    padding: 1em;
-}
-
-hr.enum_editor_no_js {
-    background-color: #aaa;
-}
-
-#enum_editor p {
-    font-style:italic;
-}
-
-#enum_editor .values, #enum_editor .add, .enum_editor_no_js #values {
-    width: 100%;
-}
-
-#enum_editor .add td {
-    vertical-align: middle;
-    width: 50%;
-    padding: 0 1em;
-}
-
-#enum_editor .values td.drop {
-    width: 2em;
-    cursor: pointer;
-    vertical-align: middle;
-}
-
-#enum_editor .values input {
-    margin: 0.1em 0;
-    padding-right: 2.5em;
-    width: 100%;
-}
-
-#enum_editor .values img {
-    width: 2em;
-    vertical-align: middle;
-}
-
-#enum_editor input.add_value {
-    margin: 1em 0;
-}
-
-#enum_editor_output textarea,
-.enum_editor_no_js input {
-    width: 100%;
-    float: right;
-    margin: 1em 0 0 0;
-}
-
-#enum_editor_no_js {
-    width: 100%;
-}
-
-.enum_editor_no_js input.submit {
-    margin: 1em 0;
-}
-
-/**
- * ENUM/SET editor integration for the routines editor
- */
-.enum_hint {
-    position: relative;
-}
-
-.enum_hint a {
-    position: absolute;
-    left: 81%;
-    bottom: 0.35em;
-}
-
-/**
  * Create table styles
  */
 #create_table_form table.table-name td {
@@ -2109,34 +1991,6 @@ fieldset .disabled-field td {
     margin-bottom: .5em;
 }
 
-.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 .routine_params_table {
-    width:              100%;
-}
-
 #placeholder .button {
     position: absolute;
     cursor: pointer;
@@ -2258,28 +2112,6 @@ fieldset .disabled-field td {
     top: 103px;
 }
 
-.gis_table td {
-    vertical-align: middle;
-}
-
-.gis_table select {
-    min-width: 151px;
-}
-
-.gis_table .save {
-    font-weight: bold;
-    vertical-align: bottom;
-    height: 100px;
-}
-
-.gis_table .button {
-   text-align: <?php echo $right; ?>;
-}
-
-.gis_table .choice {
-    display: none;
-}
-
 <?php echo $_SESSION['PMA_Theme']->getCssCodeMirror(true); ?>
 
 .colborder {
@@ -2535,515 +2367,6 @@ fieldset .disabled-field td {
 .ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }
 .ui-timepicker-div td { font-size: 90%; }
 
-/* Designer */
-.input_tab {
-    background-color: #A6C7E1;
-    color: #000;
-}
-
-#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;
-}
-
-.tab_zag {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    background-repeat: repeat-x;
-    text-align: center;
-    cursor: move;
-    padding: 1px;
-    font-weight: bold;
-}
-
-.tab_zag_2 {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
-    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;
-    left: 200px;
-    top: 50px;
-    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: left;
-    background-color: #fff;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
-    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: 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 $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    background-repeat: repeat-x;
-}
-
-.small_tab {
-    vertical-align: top;
-    background-color: #0064ea;
-    color: #fff;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
-    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 $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    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;
-    background-color: #fff;
-    color: #000;
-    vertical-align: middle;
-    cursor: default;
-}
-
-.L_butt2_2 {
-    padding: 0;
-    border: #0099CC solid 1px;
-    background: #FFEE99;
-    text-decoration: none;
-    color: #000;
-    cursor: default;
-}
-
-/* ---------------------------------------------------------------------------*/
-.bor {
-    width: 10px;
-    height: 10px;
-}
-
-.frams1 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
-}
-
-.frams2 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
-}
-
-.frams3 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
-}
-
-.frams4 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
-}
-
-.frams5 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
-}
-
-.frams6 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
-}
-
-.frams7 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
-}
-
-.frams8 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
-}
-
-#osn_tab {
-    background-color: #fff;
-    color: #000;
-    border: #A9A9A9 solid 1px;
-}
-
-.pmd_header {
-    background-color: #EAEEF0;
-    color: #000;
-    text-align: center;
-    font-weight: bold;
-    margin: 0;
-    padding: 0;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
-    background-position: top;
-    background-repeat: repeat-x;
-    border-right: #999 solid 1px;
-    border-left: #999 solid 1px;
-    height: 28px;
-}
-
-.pmd_header a {
-    display: block;
-    float: left;
-    margin: 3px 1px 4px 1px;
-    height: 20px;
-    border: 1px dotted #fff;
-}
-
-.pmd_header .M_bord {
-    display: block;
-    float: 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: 1000;
-    position: absolute;
-    left: 0;
-    background-color: #EAEEF0;
-    border: #999 solid 1px;
-}
-
-#layer_upd_relation {
-    position: absolute;
-    left: 637px;
-    top: 224px;
-    z-index: 1000;
-}
-
-#layer_new_relation {
-    position: absolute;
-    left: 636px;
-    top: 85px;
-    z-index: 1000;
-    width: 153px;
-}
-
-#pmd_optionse {
-    position: absolute;
-    left: 636px;
-    top: 85px;
-    z-index: 1000;
-    width: 153px;
-}
-
-#layer_menu_sizer {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
-    cursor: nw-resize;
-    width: 16px;
-    height: 16px;
-}
-
-.panel {
-    position: fixed;
-    top: 50px;
-    right: 0;
-    display: none;
-    background: #FFF;
-    border: 1px solid #F5F5F5;
-    width: 350 px;
-    height: auto;
-    padding: 30px 170px 30px 30px;
-    color: #FFF;
-    z-index: 99;
-}
-
-a.trigger {
-    position: fixed;
-    text-decoration: none;
-    top: 60px; right: 0;
-    color: #fff;
-    padding: 10px 40px 10px 15px;
-    background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
-    border: 1px solid #444;
-    display: block;
-}
-
-a.trigger:hover {
-    position: fixed;
-    text-decoration: none;
-    top: 60px; right: 0;
-    color: #080808;
-    padding: 10px 40px 10px 15px;
-    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
-    border: 1px solid #999;
-    display: block;
-}
-
-a.active.trigger {
-    background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
-    z-index: 999;
-}
-
-a.active.trigger:hover {
-    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
-    z-index: 999;
-}
-
-h2.tiger {
-    background-repeat: repeat-x;
-    padding: 1px;
-    font-weight: bold;
-    padding: 50 20 50 20px;
-    margin: 0 0 5px 0;
-    width: 250px;
-    float: left;
-    color : #333;
-    text-align: center;
-}
-
-h2.tiger a {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    text-align: center;
-    text-decoration: none;
-    color : #333;
-    display: block;
-}
-
-h2.tiger a:hover {
-    color: #000;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
-}
-
-h2.active {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    background-repeat: repeat-x;
-    padding: 1px;
-    background-position: left bottom;
-}
-
-.toggle_container {
-    margin: 0 0 5px;
-    padding: 0;
-    border-top: 1px solid #d6d6d6;
-    background: #FFF ;
-    width: 250px;
-    overflow: hidden;
-    font-size: 1.2em;
-    clear: both;
-}
-
-.toggle_container .block {
-    background-color: #DBE4E8;
-    padding: 40 15 40 15px; /*--Padding of Container--*/
-    border:1px solid #999;
-    color: #000;
-}
-
-.history_table {
-    text-align: center;
-    background-color: #9999CC;
-}
-
-.history_table2 {
-    text-align: center;
-    background-color: #DBE4E8;
-}
-
-#filter {
-    display: none;
-    position: absolute;
-    top: 0%;
-    left: 0%;
-    width: 100%;
-    height: 100%;
-    background-color: #CCA;
-    z-index: 10;
-    opacity: .5;
-    filter: alpha(opacity=50);
-}
-
-#box {
-    display: none;
-    position: absolute;
-    top: 20%;
-    left: 30%;
-    width: 500px;
-    height: 220px;
-    padding: 48px;
-    margin: 0;
-    border: 1px solid #000;
-    background-color: #fff;
-    z-index: 101;
-    overflow: visible;
-}
-
-#boxtitle {
-    position: absolute;
-    float: center;
-    top: 0;
-    left: 0;
-    width: 593px;
-    height: 20px;
-    padding: 0;
-    padding-top: 4px;
-    left-padding: 8px;
-    margin: 0;
-    border-bottom: 4px solid #3CF;
-    background-color: #D0DCE0;
-    color: black;
-    font-weight: bold;
-    padding-left: 2px;
-    text-align: left;
-}
-
-#tblfooter {
-    background-color: #D3DCE3;
-    float: right;
-    padding-top: 10px;
-    color: black;
-    font-weight: normal;
-}
-
-#foreignkeychk {
-    align:left;
-    position:absolute;
-    cursor:pointer;
-}
-
 input.btn {
     color: #333;
     background-color: #D0DCE0;
@@ -3056,224 +2379,3 @@ body .ui-widget {
 .ui-dialog fieldset legend a {
     color: #0000FF;
 }
-
-/******************************************************************************/
-/* Navigation */
-
-body#body_leftFrame {
-<?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
-    font-family:        <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
-<?php } ?>
-    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    margin:             0;
-    padding:            0.2em 0.2em 0.2em 0.2em;
-}
-
-#body_leftFrame ul {
-    margin:0;
-}
-
-#body_leftFrame form {
-    margin:             0;
-    padding:            0;
-    display:            inline;
-}
-
-#body_leftFrame select#select_server,
-#body_leftFrame select#lightm_db {
-    width:              100%;
-}
-
-/******************************************************************************/
-/* classes */
-
-/******************************************************************************/
-/* specific elements */
-
-#body_leftFrame div#pmalogo {
-    <?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
-    background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-    padding:.3em;
-}
-
-#body_leftFrame div#recentTableList {
-    text-align: center;
-    margin-bottom: 0.5em;
-}
-
-#body_leftFrame div#recentTableList select {
-    width: 100%;
-}
-
-#body_leftFrame div#pmalogo,
-#body_leftFrame div#leftframelinks,
-#body_leftFrame div#databaseList {
-    text-align:         center;
-    margin-bottom:      0.5em;
-    padding-bottom:     0.5em;
-}
-
-#body_leftFrame ul#databaseList {
-    margin-bottom:      0.5em;
-    padding-bottom:     0.5em;
-    padding-<?php echo $left; ?>:     1.5em;
-    font-style: italic;
-}
-
-#body_leftFrame ul#databaseList a {
-    display: block;
-    font-style: normal;
-}
-
-#body_leftFrame div#navidbpageselector a,
-#body_leftFrame ul#databaseList a {
-    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-}
-
-#body_leftFrame ul#databaseList ul {
-    padding-left: 1em;
-    padding-right: 0;
-}
-
-#body_leftFrame ul#databaseList a:hover {
-    background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-#body_leftFrame ul#databaseList li.selected a {
-    background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
-    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
-}
-
-#body_leftFrame div#leftframelinks .icon {
-    padding:            0;
-    margin:             0;
-}
-
-#body_leftFrame div#leftframelinks a img.icon {
-    margin:             2px;
-    border:             0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    padding:            0;
-}
-
-#body_leftFrame div#leftframelinks a:hover img {
-    background-color:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-/* serverlist */
-#body_leftFrame #list_server {
-    list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
-    list-style-position: inside;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame #list_server li {
-    margin: 0;
-    padding: 0;
-    font-size:          80%;
-}
-
-#body_leftFrame div#left_tableList ul {
-    list-style-type:    none;
-    list-style-position: outside;
-    margin:             0;
-    padding:            0;
-    font-size:          80%;
-    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-}
-
-#body_leftFrame div#left_tableList ul ul {
-    font-size:          100%;
-}
-
-#body_leftFrame div#left_tableList a {
-    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    text-decoration:    none;
-}
-
-#body_leftFrame div#left_tableList a:hover {
-    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    text-decoration:    underline;
-}
-
-#body_leftFrame div#left_tableList li {
-    margin:             0;
-    padding:            0;
-    white-space:        nowrap;
-}
-
-<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
-/* marked items */
-#body_leftFrame div#left_tableList > ul li.marked > a,
-#body_leftFrame div#left_tableList > ul li.marked {
-    background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
-    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
-}
-<?php } ?>
-
-<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
-#body_leftFrame div#left_tableList > ul li:hover > a,
-#body_leftFrame div#left_tableList > ul li:hover {
-    background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-<?php } ?>
-
-#body_leftFrame div#left_tableList img {
-    padding:            0;
-    vertical-align:     middle;
-}
-
-#body_leftFrame div#left_tableList ul ul {
-    margin-<?php echo $left; ?>:        0;
-    padding-<?php echo $left; ?>:       0.1em;
-    border-<?php echo $left; ?>:        0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    padding-bottom:     0.1em;
-    border-bottom:      0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-}
-
-/* for the servers list in navi panel */
-#body_leftFrame #serverinfo .item {
-    white-space:        nowrap;
-    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-}
-#body_leftFrame #serverinfo a:hover {
-    background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
-    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-#body_leftFrame #NavFilter {
-    display: none;
-}
-
-#body_leftFrame #clear_fast_filter,
-#body_leftFrame #clear_fast_db_filter {
-    background: white;
-    color: black;
-    cursor: pointer;
-    padding: 0;
-    margin: 3px 5px 0 -23px;
-    position: relative;
-    float: right;
-}
-
-#body_leftFrame #fast_filter,
-#body_leftFrame #fast_db_filter {
-    width: 100%;
-    padding: 2px 0;
-    margin: 0;
-    border: 0;
-}
-
-#body_leftFrame #fast_filter.gray,
-#body_leftFrame #fast_db_fiter.gray {
-    color: gray;
-}
-
diff --git a/themes/original/css/navigation.css.php b/themes/original/css/navigation.css.php
new file mode 100644
index 0000000000..4d04df07d4
--- /dev/null
+++ b/themes/original/css/navigation.css.php
@@ -0,0 +1,231 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Navigation styles for the original theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage Original
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/******************************************************************************/
+/* Navigation */
+
+body#body_leftFrame {
+    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    margin:             0;
+    padding:            0.2em;
+}
+
+#body_leftFrame ul {
+    margin: 0;
+}
+
+#body_leftFrame form {
+    margin: 0;
+    padding: 0;
+    display: inline;
+}
+
+#body_leftFrame select#select_server,
+#body_leftFrame select#lightm_db {
+    width: 100%;
+}
+
+/******************************************************************************/
+/* classes */
+
+/******************************************************************************/
+/* specific elements */
+
+#body_leftFrame div#pmalogo {
+    <?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
+    background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    padding:.3em;
+}
+
+#body_leftFrame div#recentTableList {
+    text-align: center;
+    margin-bottom: 0.5em;
+}
+
+#body_leftFrame div#recentTableList select {
+    width: 100%;
+}
+
+#body_leftFrame div#pmalogo,
+#body_leftFrame div#leftframelinks,
+#body_leftFrame div#databaseList {
+    text-align:         center;
+    margin-bottom:      0.5em;
+    padding-bottom:     0.5em;
+}
+
+#body_leftFrame ul#databaseList {
+    margin-bottom:      0.5em;
+    padding-bottom:     0.5em;
+    padding-<?php echo $left; ?>:     1.5em;
+    font-style: italic;
+}
+
+#body_leftFrame ul#databaseList a {
+    display: block;
+    font-style: normal;
+}
+
+#body_leftFrame div#navidbpageselector a,
+#body_leftFrame ul#databaseList a {
+    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+}
+
+#body_leftFrame ul#databaseList ul {
+    padding-left: 1em;
+    padding-right: 0;
+}
+
+#body_leftFrame ul#databaseList a:hover {
+    background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+
+#body_leftFrame ul#databaseList li.selected a {
+    background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+}
+
+#body_leftFrame div#leftframelinks .icon {
+    padding:            0;
+    margin:             0;
+}
+
+#body_leftFrame div#leftframelinks a img.icon {
+    margin:             2px;
+    border:             0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    padding:            0;
+}
+
+#body_leftFrame div#leftframelinks a:hover img {
+    background-color:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+
+/* serverlist */
+#body_leftFrame #list_server {
+    list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
+    list-style-position: inside;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame #list_server li {
+    margin: 0;
+    padding: 0;
+    font-size:          80%;
+}
+
+#body_leftFrame div#left_tableList ul {
+    list-style-type:    none;
+    list-style-position: outside;
+    margin:             0;
+    padding:            0;
+    font-size:          80%;
+    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+}
+
+#body_leftFrame div#left_tableList ul ul {
+    font-size:          100%;
+}
+
+#body_leftFrame div#left_tableList a {
+    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    text-decoration:    none;
+}
+
+#body_leftFrame div#left_tableList a:hover {
+    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    text-decoration:    underline;
+}
+
+#body_leftFrame div#left_tableList li {
+    margin:             0;
+    padding:            0;
+    white-space:        nowrap;
+}
+
+<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
+/* marked items */
+#body_leftFrame div#left_tableList > ul li.marked > a,
+#body_leftFrame div#left_tableList > ul li.marked {
+    background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+}
+<?php } ?>
+
+<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
+#body_leftFrame div#left_tableList > ul li:hover > a,
+#body_leftFrame div#left_tableList > ul li:hover {
+    background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+<?php } ?>
+
+#body_leftFrame div#left_tableList img {
+    padding: 0;
+    vertical-align: middle;
+}
+
+#body_leftFrame div#left_tableList ul ul {
+    margin-<?php echo $left; ?>: 0;
+    padding-<?php echo $left; ?>: .1em;
+    border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    padding-bottom: .1em;
+    border-bottom: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+}
+
+/* for the servers list in navi panel */
+#body_leftFrame #serverinfo .item {
+    white-space:        nowrap;
+    color:              <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+}
+#body_leftFrame #serverinfo a:hover {
+    background:         <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+    color:              <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+
+#body_leftFrame #NavFilter {
+    display: none;
+}
+
+#body_leftFrame #clear_fast_filter,
+#body_leftFrame #clear_fast_db_filter {
+    background: white;
+    color: black;
+    cursor: pointer;
+    padding: 0;
+    margin: 3px 5px 0 -23px;
+    position: relative;
+    float: right;
+}
+
+#body_leftFrame #fast_filter,
+#body_leftFrame #fast_db_filter {
+    width: 100%;
+    padding: 2px 0;
+    margin: 0;
+    border: 0;
+}
+
+#body_leftFrame #fast_filter.gray,
+#body_leftFrame #fast_db_fiter.gray {
+    color: gray;
+}
diff --git a/themes/pmahomme/css/style.css.php b/themes/pmahomme/css/common.css.php
index f4d7651cb5..c3454d9a52 100644
--- a/themes/pmahomme/css/style.css.php
+++ b/themes/pmahomme/css/common.css.php
@@ -1,14 +1,14 @@
 <?php
 /* vim: set expandtab sw=4 ts=4 sts=4: */
 /**
- * main css file from theme pmahomme
+ * Common styles for the pmahomme theme
  *
  * @package    PhpMyAdmin-theme
  * @subpackage PMAHomme
  */
 
 // unplanned execution path
-if (!defined('PMA_MINIMUM_COMMON')) {
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
     exit();
 }
 ?>
@@ -2102,44 +2102,6 @@ input#input_import_file {
     margin: 5px 0 5px 0;
 }
 
-/**
- * GIS data editor styles
- */
-a.close_gis_editor {
-    float: 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;
-}
-
 #popup_background {
     display: none;
     position: fixed;
@@ -2154,89 +2116,6 @@ a.close_gis_editor {
 }
 
 /**
- * ENUM/SET editor styles
- */
-p.enum_notice {
-    margin: 5px 2px;
-    font-size: 80%;
-}
-
-.enum_editor_no_js fieldset {
-    width: 40em;
-}
-
-hr.enum_editor_no_js {
-    background-color: #aaa;
-}
-
-#enum_editor p {
-    margin-top: 0;
-    font-style: italic;
-}
-
-#enum_editor .values,
-#enum_editor .add,
-.enum_editor_no_js #values {
-    width: 100%;
-}
-
-#enum_editor .add td {
-    vertical-align: middle;
-    width: 50%;
-    padding: 0 0 0 1em;
-}
-
-#enum_editor .values td.drop {
-    width: 1.8em;
-    cursor: pointer;
-    vertical-align: middle;
-}
-
-#enum_editor .values input {
-    margin: .1em 0;
-    padding-right: 2em;
-    width: 100%;
-}
-
-#enum_editor .values img {
-    width: 1.8em;
-    vertical-align: middle;
-}
-
-#enum_editor input.add_value {
-    margin: 0 .4em 0 0;
-}
-
-#enum_editor_output textarea,
-.enum_editor_no_js input {
-    width: 100%;
-    float: right;
-    margin: 1em 0 0 0;
-}
-
-.enum_editor_no_js {
-    width: 40em;
-}
-
-.enum_editor_no_js input.submit {
-    float: left;
-    margin: 1em 0;
-}
-
-/**
- * ENUM/SET editor integration for the routines editor
- */
-.enum_hint {
-    position: relative;
-}
-
-.enum_hint a {
-    position: absolute;
-    left: 81%;
-    bottom: .35em;
-}
-
-/**
  * Table structure styles
  */
 .structure_actions_dropdown {
@@ -2580,34 +2459,6 @@ fieldset .disabled-field td {
     margin-bottom: .5em;
 }
 
-.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 .routine_params_table {
-    width: 100%;
-}
-
 #placeholder .button {
     position: absolute;
     cursor: pointer;
@@ -2737,30 +2588,6 @@ fieldset .disabled-field td {
     top: 103px;
 }
 
-.gis_table td {
-    vertical-align: middle;
-}
-
-.gis_table select {
-    min-width: 160px;
-    margin: 6px;
-}
-
-.gis_table .save {
-    color: #111;
-    font-weight: bold;
-    vertical-align: bottom;
-    height: 100px;
-}
-
-.gis_table .button {
-   text-align: <?php echo $right; ?>;
-}
-
-.gis_table .choice {
-    display: none;
-}
-
 <?php echo $_SESSION['PMA_Theme']->getCssCodeMirror(true); ?>
 
 .colborder {
@@ -3031,515 +2858,6 @@ fieldset .disabled-field td {
 .ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }
 .ui-timepicker-div td { font-size: 90%; }
 
-/* Designer */
-.input_tab {
-    background-color: #A6C7E1;
-    color: #000;
-}
-
-#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;
-}
-
-.tab_zag {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    background-repeat: repeat-x;
-    text-align: center;
-    cursor: move;
-    padding: 1px;
-    font-weight: bold;
-}
-
-.tab_zag_2 {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
-    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;
-    left: 200px;
-    top: 50px;
-    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: left;
-    background-color: #fff;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
-    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: 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 $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    background-repeat: repeat-x;
-}
-
-.small_tab {
-    vertical-align: top;
-    background-color: #0064ea;
-    color: #fff;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
-    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 $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    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;
-    background-color: #fff;
-    color: #000;
-    vertical-align: middle;
-    cursor: default;
-}
-
-.L_butt2_2 {
-    padding: 0;
-    border: #0099CC solid 1px;
-    background: #FFEE99;
-    text-decoration: none;
-    color: #000;
-    cursor: default;
-}
-
-/* ---------------------------------------------------------------------------*/
-.bor {
-    width: 10px;
-    height: 10px;
-}
-
-.frams1 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
-}
-
-.frams2 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
-}
-
-.frams3 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
-}
-
-.frams4 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
-}
-
-.frams5 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
-}
-
-.frams6 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
-}
-
-.frams7 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
-}
-
-.frams8 {
-    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
-}
-
-#osn_tab {
-    background-color: #fff;
-    color: #000;
-    border: #A9A9A9 solid 1px;
-}
-
-.pmd_header {
-    background-color: #EAEEF0;
-    color: #000;
-    text-align: center;
-    font-weight: bold;
-    margin: 0;
-    padding: 0;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
-    background-position: top;
-    background-repeat: repeat-x;
-    border-right: #999 solid 1px;
-    border-left: #999 solid 1px;
-    height: 28px;
-}
-
-.pmd_header a {
-    display: block;
-    float: left;
-    margin: 3px 1px 4px 1px;
-    height: 20px;
-    border: 1px dotted #fff;
-}
-
-.pmd_header .M_bord {
-    display: block;
-    float: 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: 1000;
-    position: absolute;
-    left: 0;
-    background-color: #EAEEF0;
-    border: #999 solid 1px;
-}
-
-#layer_upd_relation {
-    position: absolute;
-    left: 637px;
-    top: 224px;
-    z-index: 1000;
-}
-
-#layer_new_relation {
-    position: absolute;
-    left: 636px;
-    top: 85px;
-    z-index: 1000;
-    width: 153px;
-}
-
-#pmd_optionse {
-    position: absolute;
-    left: 636px;
-    top: 85px;
-    z-index: 1000;
-    width: 153px;
-}
-
-#layer_menu_sizer {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
-    cursor: nw-resize;
-    width: 16px;
-    height: 16px;
-}
-
-.panel {
-    position: fixed;
-    top: 50px;
-    right: 0;
-    display: none;
-    background: #FFF;
-    border: 1px solid #F5F5F5;
-    width: 350 px;
-    height: auto;
-    padding: 30px 170px 30px 30px;
-    color: #FFF;
-    z-index: 99;
-}
-
-a.trigger {
-    position: fixed;
-    text-decoration: none;
-    top: 60px; right: 0;
-    color: #fff;
-    padding: 10px 40px 10px 15px;
-    background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
-    border: 1px solid #444;
-    display: block;
-}
-
-a.trigger:hover {
-    position: fixed;
-    text-decoration: none;
-    top: 60px; right: 0;
-    color: #080808;
-    padding: 10px 40px 10px 15px;
-    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
-    border: 1px solid #999;
-    display: block;
-}
-
-a.active.trigger {
-    background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
-    z-index: 999;
-}
-
-a.active.trigger:hover {
-    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
-    z-index: 999;
-}
-
-h2.tiger {
-    background-repeat: repeat-x;
-    padding: 1px;
-    font-weight: bold;
-    padding: 50 20 50 20px;
-    margin: 0 0 5px 0;
-    width: 250px;
-    float: left;
-    color : #333;
-    text-align: center;
-}
-
-h2.tiger a {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    text-align: center;
-    text-decoration: none;
-    color : #333;
-    display: block;
-}
-
-h2.tiger a:hover {
-    color: #000;
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
-}
-
-h2.active {
-    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
-    background-repeat: repeat-x;
-    padding: 1px;
-    background-position: left bottom;
-}
-
-.toggle_container {
-    margin: 0 0 5px;
-    padding: 0;
-    border-top: 1px solid #d6d6d6;
-    background: #FFF ;
-    width: 250px;
-    overflow: hidden;
-    font-size: 1.2em;
-    clear: both;
-}
-
-.toggle_container .block {
-    background-color: #DBE4E8;
-    padding: 40 15 40 15px; /*--Padding of Container--*/
-    border:1px solid #999;
-    color: #000;
-}
-
-.history_table {
-    text-align: center;
-    background-color: #9999CC;
-}
-
-.history_table2 {
-    text-align: center;
-    background-color: #DBE4E8;
-}
-
-#filter {
-    display: none;
-    position: absolute;
-    top: 0%;
-    left: 0%;
-    width: 100%;
-    height: 100%;
-    background-color: #CCA;
-    z-index: 10;
-    opacity: .5;
-    filter: alpha(opacity=50);
-}
-
-#box {
-    display: none;
-    position: absolute;
-    top: 20%;
-    left: 30%;
-    width: 500px;
-    height: 220px;
-    padding: 48px;
-    margin: 0;
-    border: 1px solid #000;
-    background-color: #fff;
-    z-index: 101;
-    overflow: visible;
-}
-
-#boxtitle {
-    position: absolute;
-    float: center;
-    top: 0;
-    left: 0;
-    width: 593px;
-    height: 20px;
-    padding: 0;
-    padding-top: 4px;
-    left-padding: 8px;
-    margin: 0;
-    border-bottom: 4px solid #3CF;
-    background-color: #D0DCE0;
-    color: black;
-    font-weight: bold;
-    padding-left: 2px;
-    text-align: left;
-}
-
-#tblfooter {
-    background-color: #D3DCE3;
-    float: right;
-    padding-top: 10px;
-    color: black;
-    font-weight: normal;
-}
-
-#foreignkeychk {
-    align:left;
-    position:absolute;
-    cursor:pointer;
-}
-
 input.btn {
     color: #333;
     background-color: #D0DCE0;
@@ -3553,269 +2871,3 @@ body .ui-widget {
     color: #235A81;
 }
 
-/******************************************************************************/
-/* Navigation */
-
-body#body_leftFrame {
-    background: url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0% #f3f3f3;
-    border-right: 1px solid #aaa;
-    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame ul {
-    margin: 0;
-}
-
-#body_leftFrame form {
-    margin: 0;
-    padding: 0;
-    display: inline;
-}
-
-#body_leftFrame select#select_server,
-#body_leftFrame select#lightm_db {
-    width: 100%;
-}
-
-/******************************************************************************/
-/* classes */
-
-#body_leftFrame .navi_dbName {
-    font-weight: bold;
-    color: <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
-}
-
-/******************************************************************************/
-/* specific elements */
-
-#body_leftFrame div#pmalogo {
-    <?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
-}
-
-#body_leftFrame div#recentTableList {
-    text-align: center;
-    margin: 20px 10px 0px 10px;
-}
-
-#body_leftFrame div#recentTableList select {
-    width: 100%;
-}
-
-#body_leftFrame div#pmalogo,
-#body_leftFrame div#leftframelinks,
-#body_leftFrame div#databaseList {
-    text-align: center;
-    margin: 5px 10px 0px 10px;
-}
-
-#body_leftFrame ul#databaseList {
-    margin: .8em 0px;
-    padding-bottom: .5em;
-    padding-<?php echo $left; ?>: .3em;
-    font-style: italic;
-}
-
-#body_leftFrame ul#databaseList span {
-    padding: 5px;
-}
-
-#body_leftFrame ul#databaseList a {
-    color: #333;
-    background: url(./themes/pmahomme/img/database.png) no-repeat 0 5px transparent;
-    display: block;
-    text-indent: 0;
-    padding: 5px 5px 5px 25px;
-    font-style: normal;
-}
-
-#body_leftFrame div#navidbpageselector {
-    margin: .1em;
-    text-align: center;
-}
-
-#body_leftFrame div#navidbpageselector a,
-#body_leftFrame div#navidbpageselector select{
-    color: #333;
-    margin: .2em;
-}
-
-#body_leftFrame ul#databaseList ul {
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame ul#databaseList li {
-    list-style: none;
-    text-indent: 20px;
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame ul#databaseList a:hover {
-    background-color: #e4e4e4;
-}
-
-#body_leftFrame ul#databaseList li.selected a {
-    background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
-    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
-}
-
-#body_leftFrame div#leftframelinks .icon {
-    padding: 0;
-    margin: 0;
-}
-
-#body_leftFrame div#reloadlink a img,
-#body_leftFrame div#leftframelinks a img.icon {
-    margin: .3em;
-    margin-top: .7em;
-    border: 0;
-}
-
-#body_leftFrame div#leftframelinks a:hover img {
-
-}
-
-/* serverlist */
-#body_leftFrame #list_server {
-    list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
-    list-style-position: inside;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame #list_server li {
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame div#left_tableList {margin:10px 10px 0 10px;}
-#body_leftFrame div#left_tableList ul {
-    list-style-type: none;
-    list-style-position: outside;
-    margin: 0;
-    padding: 0;
-}
-
-#body_leftFrame div#left_tableList ul ul {
-    font-size: 100%;
-}
-
-#body_leftFrame div#left_tableList a {
-    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    text-decoration: none;
-}
-
-#body_leftFrame div#left_tableList a:hover {
-    background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    text-decoration: underline;
-}
-
-#body_leftFrame div#left_tableList li {
-    margin: 0;
-    padding: 2px 0;
-    white-space: nowrap;
-}
-
-#body_leftFrame #newtable {
-    margin-top: 15px !important;
-}
-
-#body_leftFrame #newtable a {
-    display: block;
-    padding: 1px;
-    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
-    border: 1px solid #aaa;
-    -moz-border-radius: 20px;
-    -webkit-border-radius: 20px;
-    border-radius: 20px;
-}
-
-#body_leftFrame #newtable li:hover {
-    background: transparent !important;
-}
-
-#body_leftFrame #newtable a:hover {
-    <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
-}
-
-#body_leftFrame #newtable li a:hover {
-    text-decoration: none;
-}
-
-
-<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
-/* marked items */
-#body_leftFrame div#left_tableList > ul li.marked > a,
-#body_leftFrame div#left_tableList > ul li.marked {
-    background: #e4e4e4;
-    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
-}
-<?php } ?>
-
-<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
-#body_leftFrame div#left_tableList > ul li:hover > a,
-#body_leftFrame div#left_tableList > ul li:hover {
-    background: #e4e4e4;
-    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-<?php } ?>
-
-#body_leftFrame div#left_tableList img {
-    padding: 0;
-    vertical-align: middle;
-}
-
-#body_leftFrame div#left_tableList ul ul {
-    margin-<?php echo $left; ?>: 0;
-    padding-<?php echo $left; ?>: .1em;
-    border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-    padding-bottom: .1em;
-    border-bottom: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-}
-
-/* for the servers list in navi panel */
-#body_leftFrame #serverinfo .item {
-    white-space: nowrap;
-    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-}
-#body_leftFrame #serverinfo a:hover {
-    background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
-    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-#body_leftFrame #reloadlink {
-    clear: both;
-    float: <?php echo $right; ?>;
-    display: block;
-    padding: 1em;
-}
-
-#body_leftFrame #NavFilter {
-    display: none;
-}
-
-#body_leftFrame #clear_fast_filter,
-#body_leftFrame #clear_fast_db_filter {
-    background: white;
-    color: black;
-    cursor: pointer;
-    padding: 0;
-    margin: 0;
-    position: relative;
-    right: 3ex;
-}
-
-#body_leftFrame #fast_filter,
-#body_leftFrame #fast_db_filter {
-    width: 85%;
-    padding: .1em;
-}
-
-#body_leftFrame #fast_filter.gray,
-#body_leftFrame #fast_db_filter.gray {
-    color: gray;
-}
diff --git a/themes/pmahomme/css/enum_editor.css.php b/themes/pmahomme/css/enum_editor.css.php
new file mode 100644
index 0000000000..2318ee58d6
--- /dev/null
+++ b/themes/pmahomme/css/enum_editor.css.php
@@ -0,0 +1,78 @@
+<?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 1em;
+}
+
+#enum_editor .values td.drop {
+    width: 1.8em;
+    cursor: pointer;
+    vertical-align: middle;
+}
+
+#enum_editor .values input {
+    margin: .1em 0;
+    padding-right: 2em;
+    width: 100%;
+}
+
+#enum_editor .values img {
+    width: 1.8em;
+    vertical-align: middle;
+}
+
+#enum_editor input.add_value {
+    margin: 0 .4em 0 0;
+}
+
+#enum_editor_output textarea {
+    width: 100%;
+    float: right;
+    margin: 1em 0 0 0;
+}
+
+/**
+ * ENUM/SET editor integration for the routines editor
+ */
+.enum_hint {
+    position: relative;
+}
+
+.enum_hint a {
+    position: absolute;
+    left: 81%;
+    bottom: .35em;
+}
diff --git a/themes/pmahomme/css/gis.css.php b/themes/pmahomme/css/gis.css.php
new file mode 100644
index 0000000000..b741e91a94
--- /dev/null
+++ b/themes/pmahomme/css/gis.css.php
@@ -0,0 +1,76 @@
+<?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_table td {
+    vertical-align: middle;
+}
+
+.gis_table select {
+    min-width: 151px;
+    margin: 6px;
+}
+
+.gis_table .save {
+    color: #111;
+    font-weight: bold;
+    vertical-align: bottom;
+    height: 100px;
+}
+
+.gis_table .button {
+   text-align: <?php echo $right; ?>;
+}
+
+.gis_table .choice {
+    display: none;
+}
+
+/**
+ * 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;
+}
diff --git a/themes/pmahomme/css/navigation.css.php b/themes/pmahomme/css/navigation.css.php
new file mode 100644
index 0000000000..be681bf8ef
--- /dev/null
+++ b/themes/pmahomme/css/navigation.css.php
@@ -0,0 +1,281 @@
+<?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 */
+
+body#body_leftFrame {
+    background: url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0% #f3f3f3;
+    border-right: 1px solid #aaa;
+    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame ul {
+    margin: 0;
+}
+
+#body_leftFrame form {
+    margin: 0;
+    padding: 0;
+    display: inline;
+}
+
+#body_leftFrame select#select_server,
+#body_leftFrame select#lightm_db {
+    width: 100%;
+}
+
+/******************************************************************************/
+/* classes */
+
+#body_leftFrame .navi_dbName {
+    font-weight: bold;
+    color: <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
+}
+
+/******************************************************************************/
+/* specific elements */
+
+#body_leftFrame div#pmalogo {
+    <?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
+}
+
+#body_leftFrame div#recentTableList {
+    text-align: center;
+    margin: 20px 10px 0px 10px;
+}
+
+#body_leftFrame div#recentTableList select {
+    width: 100%;
+}
+
+#body_leftFrame div#pmalogo,
+#body_leftFrame div#leftframelinks,
+#body_leftFrame div#databaseList {
+    text-align: center;
+    margin: 5px 10px 0px 10px;
+}
+
+#body_leftFrame ul#databaseList {
+    margin: .8em 0px;
+    padding-bottom: .5em;
+    padding-<?php echo $left; ?>: .3em;
+    font-style: italic;
+}
+
+#body_leftFrame ul#databaseList span {
+    padding: 5px;
+}
+
+#body_leftFrame ul#databaseList a {
+    color: #333;
+    background: url(./themes/pmahomme/img/database.png) no-repeat 0 5px transparent;
+    display: block;
+    text-indent: 0;
+    padding: 5px 5px 5px 25px;
+    font-style: normal;
+}
+
+#body_leftFrame div#navidbpageselector {
+    margin: .1em;
+    text-align: center;
+}
+
+#body_leftFrame div#navidbpageselector a,
+#body_leftFrame div#navidbpageselector select{
+    color: #333;
+    margin: .2em;
+}
+
+#body_leftFrame ul#databaseList ul {
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame ul#databaseList li {
+    list-style: none;
+    text-indent: 20px;
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame ul#databaseList a:hover {
+    background-color: #e4e4e4;
+}
+
+#body_leftFrame ul#databaseList li.selected a {
+    background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+}
+
+#body_leftFrame div#leftframelinks .icon {
+    padding: 0;
+    margin: 0;
+}
+
+#body_leftFrame div#reloadlink a img,
+#body_leftFrame div#leftframelinks a img.icon {
+    margin: .3em;
+    margin-top: .7em;
+    border: 0;
+}
+
+#body_leftFrame div#leftframelinks a:hover img {
+
+}
+
+/* serverlist */
+#body_leftFrame #list_server {
+    list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
+    list-style-position: inside;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame #list_server li {
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame div#left_tableList {margin:10px 10px 0 10px;}
+#body_leftFrame div#left_tableList ul {
+    list-style-type: none;
+    list-style-position: outside;
+    margin: 0;
+    padding: 0;
+}
+
+#body_leftFrame div#left_tableList ul ul {
+    font-size: 100%;
+}
+
+#body_leftFrame div#left_tableList a {
+    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    text-decoration: none;
+}
+
+#body_leftFrame div#left_tableList a:hover {
+    background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    text-decoration: underline;
+}
+
+#body_leftFrame div#left_tableList li {
+    margin: 0;
+    padding: 2px 0;
+    white-space: nowrap;
+}
+
+#body_leftFrame #newtable {
+    margin-top: 15px !important;
+}
+
+#body_leftFrame #newtable a {
+    display: block;
+    padding: 1px;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+    border: 1px solid #aaa;
+    -moz-border-radius: 20px;
+    -webkit-border-radius: 20px;
+    border-radius: 20px;
+}
+
+#body_leftFrame #newtable li:hover {
+    background: transparent !important;
+}
+
+#body_leftFrame #newtable a:hover {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
+}
+
+#body_leftFrame #newtable li a:hover {
+    text-decoration: none;
+}
+
+
+<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
+/* marked items */
+#body_leftFrame div#left_tableList > ul li.marked > a,
+#body_leftFrame div#left_tableList > ul li.marked {
+    background: #e4e4e4;
+    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+}
+<?php } ?>
+
+<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
+#body_leftFrame div#left_tableList > ul li:hover > a,
+#body_leftFrame div#left_tableList > ul li:hover {
+    background: #e4e4e4;
+    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+<?php } ?>
+
+#body_leftFrame div#left_tableList img {
+    padding: 0;
+    vertical-align: middle;
+}
+
+#body_leftFrame div#left_tableList ul ul {
+    margin-<?php echo $left; ?>: 0;
+    padding-<?php echo $left; ?>: .1em;
+    border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    padding-bottom: .1em;
+    border-bottom: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+}
+
+/* for the servers list in navi panel */
+#body_leftFrame #serverinfo .item {
+    white-space: nowrap;
+    color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+}
+#body_leftFrame #serverinfo a:hover {
+    background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+#body_leftFrame #reloadlink {
+    clear: both;
+    float: <?php echo $right; ?>;
+    display: block;
+    padding: 1em;
+}
+
+#body_leftFrame #NavFilter {
+    display: none;
+}
+
+#body_leftFrame #clear_fast_filter,
+#body_leftFrame #clear_fast_db_filter {
+    background: white;
+    color: black;
+    cursor: pointer;
+    padding: 0;
+    margin: 0;
+    position: relative;
+    right: 3ex;
+}
+
+#body_leftFrame #fast_filter,
+#body_leftFrame #fast_db_filter {
+    width: 85%;
+    padding: .1em;
+}
+
+#body_leftFrame #fast_filter.gray,
+#body_leftFrame #fast_db_filter.gray {
+    color: gray;
+}
diff --git a/themes/pmahomme/css/pmd.css.php b/themes/pmahomme/css/pmd.css.php
new file mode 100644
index 0000000000..df192ffe5e
--- /dev/null
+++ b/themes/pmahomme/css/pmd.css.php
@@ -0,0 +1,523 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Designer styles for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/* Designer */
+.input_tab {
+    background-color: #A6C7E1;
+    color: #000;
+}
+
+#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;
+}
+
+.tab_zag {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
+    background-repeat: repeat-x;
+    text-align: center;
+    cursor: move;
+    padding: 1px;
+    font-weight: bold;
+}
+
+.tab_zag_2 {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
+    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;
+    left: 200px;
+    top: 50px;
+    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: left;
+    background-color: #fff;
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
+    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: 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 $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
+    background-repeat: repeat-x;
+}
+
+.small_tab {
+    vertical-align: top;
+    background-color: #0064ea;
+    color: #fff;
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
+    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 $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
+    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;
+    background-color: #fff;
+    color: #000;
+    vertical-align: middle;
+    cursor: default;
+}
+
+.L_butt2_2 {
+    padding: 0;
+    border: #0099CC solid 1px;
+    background: #FFEE99;
+    text-decoration: none;
+    color: #000;
+    cursor: default;
+}
+
+/* ---------------------------------------------------------------------------*/
+.bor {
+    width: 10px;
+    height: 10px;
+}
+
+.frams1 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
+}
+
+.frams2 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
+}
+
+.frams3 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
+}
+
+.frams4 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
+}
+
+.frams5 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
+}
+
+.frams6 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
+}
+
+.frams7 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
+}
+
+.frams8 {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
+}
+
+#osn_tab {
+    background-color: #fff;
+    color: #000;
+    border: #A9A9A9 solid 1px;
+}
+
+.pmd_header {
+    background-color: #EAEEF0;
+    color: #000;
+    text-align: center;
+    font-weight: bold;
+    margin: 0;
+    padding: 0;
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
+    background-position: top;
+    background-repeat: repeat-x;
+    border-right: #999 solid 1px;
+    border-left: #999 solid 1px;
+    height: 28px;
+}
+
+.pmd_header a {
+    display: block;
+    float: left;
+    margin: 3px 1px 4px 1px;
+    height: 20px;
+    border: 1px dotted #fff;
+}
+
+.pmd_header .M_bord {
+    display: block;
+    float: 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: 1000;
+    position: absolute;
+    left: 0;
+    background-color: #EAEEF0;
+    border: #999 solid 1px;
+}
+
+#layer_upd_relation {
+    position: absolute;
+    left: 637px;
+    top: 224px;
+    z-index: 1000;
+}
+
+#layer_new_relation {
+    position: absolute;
+    left: 636px;
+    top: 85px;
+    z-index: 1000;
+    width: 153px;
+}
+
+#pmd_optionse {
+    position: absolute;
+    left: 636px;
+    top: 85px;
+    z-index: 1000;
+    width: 153px;
+}
+
+#layer_menu_sizer {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
+    cursor: nw-resize;
+    width: 16px;
+    height: 16px;
+}
+
+.panel {
+    position: fixed;
+    top: 50px;
+    right: 0;
+    display: none;
+    background: #FFF;
+    border: 1px solid #F5F5F5;
+    width: 350 px;
+    height: auto;
+    padding: 30px 170px 30px 30px;
+    color: #FFF;
+    z-index: 99;
+}
+
+a.trigger {
+    position: fixed;
+    text-decoration: none;
+    top: 60px; right: 0;
+    color: #fff;
+    padding: 10px 40px 10px 15px;
+    background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
+    border: 1px solid #444;
+    display: block;
+}
+
+a.trigger:hover {
+    position: fixed;
+    text-decoration: none;
+    top: 60px; right: 0;
+    color: #080808;
+    padding: 10px 40px 10px 15px;
+    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
+    border: 1px solid #999;
+    display: block;
+}
+
+a.active.trigger {
+    background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
+    z-index: 999;
+}
+
+a.active.trigger:hover {
+    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
+    z-index: 999;
+}
+
+h2.tiger {
+    background-repeat: repeat-x;
+    padding: 1px;
+    font-weight: bold;
+    padding: 50 20 50 20px;
+    margin: 0 0 5px 0;
+    width: 250px;
+    float: left;
+    color : #333;
+    text-align: center;
+}
+
+h2.tiger a {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
+    text-align: center;
+    text-decoration: none;
+    color : #333;
+    display: block;
+}
+
+h2.tiger a:hover {
+    color: #000;
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
+}
+
+h2.active {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
+    background-repeat: repeat-x;
+    padding: 1px;
+    background-position: left bottom;
+}
+
+.toggle_container {
+    margin: 0 0 5px;
+    padding: 0;
+    border-top: 1px solid #d6d6d6;
+    background: #FFF ;
+    width: 250px;
+    overflow: hidden;
+    font-size: 1.2em;
+    clear: both;
+}
+
+.toggle_container .block {
+    background-color: #DBE4E8;
+    padding: 40 15 40 15px; /*--Padding of Container--*/
+    border:1px solid #999;
+    color: #000;
+}
+
+.history_table {
+    text-align: center;
+    background-color: #9999CC;
+}
+
+.history_table2 {
+    text-align: center;
+    background-color: #DBE4E8;
+}
+
+#filter {
+    display: none;
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: #CCA;
+    z-index: 10;
+    opacity: .5;
+    filter: alpha(opacity=50);
+}
+
+#box {
+    display: none;
+    position: absolute;
+    top: 20%;
+    left: 30%;
+    width: 500px;
+    height: 220px;
+    padding: 48px;
+    margin: 0;
+    border: 1px solid #000;
+    background-color: #fff;
+    z-index: 101;
+    overflow: visible;
+}
+
+#boxtitle {
+    position: absolute;
+    float: center;
+    top: 0;
+    left: 0;
+    width: 593px;
+    height: 20px;
+    padding: 0;
+    padding-top: 4px;
+    left-padding: 8px;
+    margin: 0;
+    border-bottom: 4px solid #3CF;
+    background-color: #D0DCE0;
+    color: black;
+    font-weight: bold;
+    padding-left: 2px;
+    text-align: left;
+}
+
+#tblfooter {
+    background-color: #D3DCE3;
+    float: right;
+    padding-top: 10px;
+    color: black;
+    font-weight: normal;
+}
+
+#foreignkeychk {
+    align:left;
+    position:absolute;
+    cursor:pointer;
+}
diff --git a/themes/pmahomme/css/rte.css.php b/themes/pmahomme/css/rte.css.php
new file mode 100644
index 0000000000..0db21a805c
--- /dev/null
+++ b/themes/pmahomme/css/rte.css.php
@@ -0,0 +1,43 @@
+<?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 .routine_params_table {
+    width: 100%;
+}