Merge pull request #3 from madhuracj/metro

Metro theme updated for phpMyAdmin version 4.4

metro/css/codemirror.css.php

@@ -0,0 +1,345 @@
+<?php
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/* PADDING */
+
+.CodeMirror-lines {
+  padding: 4px 0; /* Vertical padding around content */
+}
+.CodeMirror pre {
+  padding: 0 4px; /* Horizontal padding of content */
+}
+
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  background-color: white; /* The little square between H and V scrollbars */
+}
+
+/* GUTTER */
+
+.CodeMirror-gutters {
+  border-right: 1px solid #ddd;
+  background-color: #f7f7f7;
+  white-space: nowrap;
+}
+.CodeMirror-linenumbers {}
+.CodeMirror-linenumber {
+  padding: 0 3px 0 5px;
+  min-width: 20px;
+  text-align: right;
+  color: #999;
+}
+
+/* CURSOR */
+
+.CodeMirror div.CodeMirror-cursor {
+  border-left: 1px solid black;
+  z-index: 3;
+}
+/* Shown when moving in bi-directional text */
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
+  width: auto;
+  border: 0;
+  background: #7e7;
+  z-index: 1;
+}
+/* Can style cursor different in overwrite (non-insert) mode */
+.CodeMirror div.CodeMirror-cursor.CodeMirror-overwrite {}
+
+.cm-tab { display: inline-block; }
+
+/* DEFAULT THEME */
+
+.cm-s-default .cm-keyword {color: #708;}
+.cm-s-default .cm-atom {color: #219;}
+.cm-s-default .cm-number {color: #164;}
+.cm-s-default .cm-def {color: #00f;}
+.cm-s-default .cm-variable {color: black;}
+.cm-s-default .cm-variable-2 {color: #05a;}
+.cm-s-default .cm-variable-3 {color: #085;}
+.cm-s-default .cm-property {color: black;}
+.cm-s-default .cm-operator {color: black;}
+.cm-s-default .cm-comment {color: #a50;}
+.cm-s-default .cm-string {color: #a11;}
+.cm-s-default .cm-string-2 {color: #f50;}
+.cm-s-default .cm-meta {color: #555;}
+.cm-s-default .cm-error {color: #f00;}
+.cm-s-default .cm-qualifier {color: #555;}
+.cm-s-default .cm-builtin {color: #30a;}
+.cm-s-default .cm-bracket {color: #997;}
+.cm-s-default .cm-tag {color: #170;}
+.cm-s-default .cm-attribute {color: #00c;}
+.cm-s-default .cm-header {color: blue;}
+.cm-s-default .cm-quote {color: #090;}
+.cm-s-default .cm-hr {color: #999;}
+.cm-s-default .cm-link {color: #00c;}
+
+.cm-negative {color: #d44;}
+.cm-positive {color: #292;}
+.cm-header, .cm-strong {font-weight: bold;}
+.cm-em {font-style: italic;}
+.cm-link {text-decoration: underline;}
+
+.cm-invalidchar {color: #f00;}
+
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
+
+/* STOP */
+
+/* The rest of this file contains styles related to the mechanics of
+   the editor. You probably shouldn't touch them. */
+
+.CodeMirror {
+  line-height: 1;
+  position: relative;
+  overflow: hidden;
+  background: white;
+  color: black;
+  font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?> !important;
+  height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
+  resize: vertical;
+  max-height: 600px;
+  min-height: 75px;
+  border: 1px solid #ccc;
+}
+
+.CodeMirror * {
+    font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
+}
+
+#inline_editor_outer .CodeMirror {
+    height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 0.4); ?>em;
+    margin-bottom: 10px;
+}
+
+.console_query_input .CodeMirror {
+    border: none;
+}
+
+.CodeMirror-scroll {
+  /* 30px is the magic margin used to hide the element's real scrollbars */
+  /* See overflow: hidden in .CodeMirror */
+  height: 85% !important;
+  outline: none; /* Prevent dragging from highlighting the element */
+  resize: none;
+  overflow-y: auto;
+}
+.CodeMirror-sizer {
+  position: relative;
+}
+
+/* The fake, visible scrollbars. Used to force redraw during scrolling
+   before actuall scrolling happens, thus preventing shaking and
+   flickering artifacts. */
+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+}
+.CodeMirror-vscrollbar {
+  right: 0; top: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  display:none !important;
+}
+.CodeMirror-hscrollbar {
+  bottom: 0; left: 0;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+  right: 0; bottom: 0;
+}
+.CodeMirror-gutter-filler {
+  left: 0; bottom: 0;
+}
+
+.CodeMirror-gutters {
+  position: absolute; left: 0; top: 0;
+  padding-bottom: 30px;
+  z-index: 3;
+  height: 100% !important;
+}
+.CodeMirror-gutter {
+  white-space: normal;
+  height: 100%;
+  padding-bottom: 30px;
+  margin-bottom: -32px;
+  display: inline-block;
+  /* Hack to make IE7 behave */
+  *zoom:1;
+  *display:inline;
+}
+.CodeMirror-gutter-wrapper {
+  position: relative;
+}
+.CodeMirror-gutter-elt {
+  position: absolute;
+  cursor: default;
+  z-index: 4;
+}
+
+.CodeMirror-lines {
+  cursor: text;
+}
+.CodeMirror pre {
+  /* Reset some styles that the rest of the page might have set */
+  border-width: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+  z-index: 2;
+  position: relative;
+  overflow: visible;
+}
+.CodeMirror-wrap pre {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+.CodeMirror-code pre {
+  border-right: 30px solid transparent;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.CodeMirror-wrap .CodeMirror-code pre {
+  border-right: none;
+  width: auto;
+}
+.CodeMirror-linebackground {
+  position: absolute;
+  left: 0; right: 0; top: 0; bottom: 0;
+  z-index: 0;
+}
+
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  overflow: auto;
+}
+
+.CodeMirror-widget {
+  display: inline-block;
+}
+
+.CodeMirror-wrap .CodeMirror-scroll {
+  overflow-x: hidden;
+}
+
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%; height: 0px;
+  overflow: hidden;
+  visibility: hidden;
+}
+.CodeMirror-measure pre { position: static; }
+
+.CodeMirror div.CodeMirror-cursor {
+  position: absolute;
+  visibility: hidden;
+  border-right: none;
+  width: 0;
+}
+.CodeMirror-focused div.CodeMirror-cursor {
+  visibility: visible;
+}
+
+.CodeMirror-selected { background: #d9d9d9; }
+.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
+
+.cm-searching {
+  background: #ffa;
+  background: rgba(255, 255, 0, .4);
+}
+
+/* IE7 hack to prevent it from returning funny offsetTops on the spans */
+.CodeMirror span { *vertical-align: text-bottom; }
+
+@media print {
+  /* Hide the cursor when printing */
+  .CodeMirror div.CodeMirror-cursor {
+    visibility: hidden;
+  }
+}
+
+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;
+}
+
+/* CodeMirror Hints styling */
+.CodeMirror-hints {
+  position: absolute;
+  z-index: 2000;
+  overflow: hidden;
+  list-style: none;
+
+  margin: 0;
+  padding: 2px;
+  border: 1px solid silver;
+
+  background: white;
+  font-size: 90%;
+  font-family: monospace;
+
+  max-height: 20em;
+  overflow-y: auto;
+}
+
+.CodeMirror-hint {
+  margin: 0;
+  padding: 0 4px;
+  max-width: 19em;
+  overflow: hidden;
+  white-space: pre;
+  color: black;
+  cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+  background: #08f;
+  color: white;
+}

metro/css/enum_editor.css.php

@@ -0,0 +1,73 @@
+<?php
+
+// 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;
+}

metro/css/gis.css.php

@@ -0,0 +1,45 @@
+<?php
+
+// 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;
+}

metro/css/jqplot.css.php

@@ -0,0 +1,269 @@
+<?php
+
+// 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: "open sans", "segoe ui";
+    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: 0px;
+    /* initial position untill tick is drawn in proper place */
+    <?php echo $left; ?>: 15px;
+/*    padding-top: 10px;*/
+    vertical-align: top;
+}
+
+.jqplot-x2axis-tick {
+    bottom: 0px;
+    /* initial position untill tick is drawn in proper place */
+    <?php echo $left; ?>: 15px;
+/*    padding-bottom: 10px;*/
+    vertical-align: bottom;
+}
+
+.jqplot-yaxis-tick {
+    <?php echo $right; ?>: 0px;
+    /* initial position untill tick is drawn in proper place */
+    top: 15px;
+/*    padding-right: 10px;*/
+    text-align: <?php echo $right; ?>;
+}
+
+.jqplot-yaxis-tick.jqplot-breakTick {
+    <?php echo $right; ?>: -20px;
+    margin-<?php echo $right; ?>: 0px;
+    padding:1px 5px 1px;
+/*    background-color: white;*/
+    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: 0px;
+    <?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);
+}

metro/css/navigation.css.php

@@ -0,0 +1,520 @@
+<?php
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/******************************************************************************/
+/* Navigation */
+
+#pma_navigation {
+    width: <?php echo $GLOBALS['cfg']['NaviWidth']; ?>px;
+    overflow: hidden;
+    position: fixed;
+    top: 0;
+    <?php echo $left; ?>: 0;
+    height: 100%;
+    background: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
+    color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+    z-index: 800;
+}
+
+#pma_navigation select,
+#pma_navigation#recentTable
+{
+}
+
+#pma_navigation input[type=text]
+{
+    background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
+    font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
+}
+
+#pma_navigation a img
+{
+    border: 0;
+}
+
+#pma_navigation a:link,
+#pma_navigation a:visited,
+#pma_navigation a:active
+{
+    text-decoration: none;
+    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+}
+
+#pma_navigation select#select_server,
+#pma_navigation select#lightm_db
+{
+    width: 100%;
+}
+
+/* buttons in some browsers (eg. Konqueror) are block elements,
+   this breaks design */
+
+#pma_navigation button
+{
+    display: inline;
+}
+
+#pma_navigation_content {
+    width: 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;
+}
+
+
+/******************************************************************************/
+/* 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 #pmalogo:after
+{
+    font-family: 'Open Sans Extrabold';
+    text-transform: uppercase;
+    margin-left: 5px;
+    content: 'phpMyAdmin';
+}
+
+#pma_navigation #pmalogo
+{
+    margin: 0px;
+    padding: 12px;
+    background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
+    font-size: 14px;
+    cursor: default;
+    height: 15px;
+    line-height: 100%;
+}
+
+#pma_navigation #imgpmalogo
+{
+    display: none;
+}
+
+#pma_navigation #recentTableList
+{
+    text-align: center;
+    padding: 10px;
+}
+
+#pma_navigation #recentTableList select
+{
+    min-width: 100%;
+}
+
+#pma_navigation #databaseList
+{
+    text-align: center;
+    margin: 10px;
+}
+
+#pma_navigation #navipanellinks
+{
+    padding-top: 1em;
+    padding-bottom: 1em;
+    text-align: center;
+    background-color: <?php echo $GLOBALS['cfg']['BorderColor']; ?>;
+}
+
+div#left_tableList li a:first-child:before
+{
+    color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
+    font-family: 'IcoMoon';
+    content: "";
+    margin: 10px;
+}
+
+div#left_tableList li:hover a:first-child:before
+{
+    color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
+}
+
+img.ic_b_home, img.ic_s_loggoff, img.ic_b_docs, img.ic_b_sqlhelp, img.ic_s_reload
+{
+    display: none;
+}
+
+#navipanellinks a
+{
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+    margin-right: 10px;
+    padding: 5px;
+    font-size: 15px;
+}
+
+#navipanellinks a:hover
+{
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+}
+
+#navipanellinks a:first-child:before
+{
+    font-family: 'IcoMoon';
+    content: "!";
+}
+
+#navipanellinks a:nth-child(2):before
+{
+    font-family: 'IcoMoon';
+    content: "\e040";
+}
+
+#navipanellinks a:nth-child(3):before
+{
+    font-family: 'IcoMoon';
+    content: "";
+}
+
+#navipanellinks a:nth-child(4):before
+{
+    font-family: 'IcoMoon';
+    content: "";
+}
+
+#navipanellinks a:nth-child(5):before
+{
+    font-family: 'IcoMoon';
+    content: "";
+}
+
+
+#pma_navigation #serverChoice,
+#pma_navigation #databaseList,
+#pma_navigation div.pageselector.dbselector {
+    text-align: center;
+    padding: 5px 10px 0px;
+    border: 0;
+}
+
+#pma_navigation_content > img.throbber {
+    display: none;
+    margin: .3em auto 0;
+}
+
+/* Navigation tree*/
+#pma_navigation_tree {
+    margin: 0;
+    margin-<?php echo $left; ?>: 10px;
+    overflow: hidden;
+    height: 74%;
+    position: relative;
+}
+#pma_navigation_select_database {
+    text-align: left;
+    padding: 0px 0px 0px;
+    border: 0;
+    margin: 0;
+}
+
+#pma_navigation_db_select {
+    margin-top: 0.5em;
+    margin-<?php echo $left; ?>: 0.75em;
+}
+#pma_navigation_db_select select {
+    border: 1px solid #bbb;
+    border-top: 1px solid #bbb;
+    color: #333;
+    padding: 4px 6px;
+    margin: 0px 0px 0px;
+    width: 92%;
+}
+#pma_navigation_tree_content {
+    width: 100%;
+    overflow: hidden;
+    overflow-y: auto;
+    position: absolute;
+    height: 100%;
+}
+#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_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: none;
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+}
+#pma_navigation_tree li.activePointer {
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+}
+#pma_navigation_tree li.selected {
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+}
+#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 {
+    white-space: nowrap;
+    clear: both;
+    min-height: 17px;
+}
+#pma_navigation_tree img {
+    margin: 0;
+}
+#pma_navigation_tree i {
+    display: block;
+}
+#pma_navigation_tree div.block {
+    position: relative;
+    width: 1.5em;
+    height: 2em;
+    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: 2em;
+    min-width: 16px;
+    min-height: 8px;
+    position: absolute;
+    bottom: 0.7em;
+    <?php echo $left; ?>: 0.75em;
+    z-index: 0;
+    margin-top: -4px;
+}
+#pma_navigation_tree div.block i { /* Top and right segments for the tree element connections */
+    display: block;
+    border-<?php echo $left; ?>: 1px solid #616161;
+    border-bottom: 1px solid #616161;
+    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 #616161;
+}
+#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 #616161;
+    margin-<?php echo $left; ?>: 0.75em;
+    padding-<?php echo $left; ?>: 0.75em;
+}
+#pma_navigation_tree .last > .list_container {
+    border-<?php echo $left; ?>: 0 solid #616161;
+}
+
+/* Fast filter */
+li.fast_filter {
+    padding-<?php echo $left; ?>: 0.75em;
+    margin-<?php echo $left; ?>: 0.75em;
+    padding-<?php echo $right; ?>: 15px;
+    border-<?php echo $left; ?>: 1px solid #616161;
+}
+li.fast_filter input {
+    width: 100%;
+    background-color: #FFFFFF;
+    border: 1px solid #CCCCCC;
+    color: #666666;
+    font-family: "Open Sans","Segoe UI";
+    padding: 2px;
+}
+
+li.fast_filter span {
+    position: relative;
+    <?php echo $right; ?>: 1.5em;
+    padding: 0.2em;
+    cursor: pointer;
+    font-weight: bold;
+    color: #800;
+}
+li.fast_filter.db_fast_filter {
+    border: 0;
+    margin-left: 0px;
+    margin-right: 10px;
+}
+
+#navigation_controls_outer {
+    min-height: 21px !important;
+}
+
+#pma_navigation_collapse {
+    padding-right: 2px;
+}
+
+#navigation_controls_outer.activePointer {
+    background-color: transparent !important;
+}
+
+#navigation_controls {
+    float: right;
+    padding-right: 23px;
+}
+
+/* Resize handler */
+#pma_navigation_resizer {
+    width: 1px;
+    height: 100%;
+    background-color: #aaa;
+    cursor: col-resize;
+    position: fixed;
+    top: 0;
+    <?php echo $left; ?>: 250px;
+    z-index: 801;
+}
+
+#pma_navigation_collapser {
+    width: 20px;
+    padding-top: 4px;
+    padding-bottom: 12px;
+    background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    border-bottom: 1px solid <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    line-height: 22px;
+    color: #fff;
+    position: fixed;
+    top: 0;
+    <?php echo $left; ?>: <?php echo $GLOBALS['cfg']['NaviWidth']; ?>px;
+    text-align: center;
+    cursor: pointer;
+    z-index: 801;
+}
+
+/* Quick warp links */
+.pma_quick_warp {
+    margin-top: 5px;
+    margin-<?php echo $left; ?>: 10px;
+    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: .2em .5em;
+    border: 1px solid #ddd;
+    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;
+    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;
+}
+.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;
+}

metro/css/pmd.css.php

@@ -0,0 +1,552 @@
+<?php
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+
+/* Designer */
+.input_tab {
+    background-color: #efefef;
+    color: #000;
+    border: 1px solid #ccc;
+}
+
+.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 {
+    color: #333;
+    border-collapse: collapse;
+    border: 1px solid #ccc;
+    z-index: 1;
+    -moz-user-select: none;
+}
+
+.pmd_tab .header {
+    background-color: #f6f6f6;
+}
+
+.tab_zag {
+    text-align: center;
+    cursor: move;
+    padding: 1px;
+    font-weight: bold;
+    vertical-align: middle;
+}
+
+.tab_zag_2 {
+    text-align: center;
+    cursor: move;
+    padding: 1px;
+    font-weight: bold;
+    background-color: #f6f6f6;
+    vertical-align: middle;
+}
+
+.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: #333;
+    white-space: nowrap;
+    text-decoration: none;
+    text-indent: 3px;
+    margin-left: 2px;
+    text-align: <?php echo $left; ?>;
+    border: #ccc solid 0px;
+}
+
+.pmd_Tabs2 {
+    cursor: default;
+    color: #666;
+    background: #eee;
+    text-indent: 3px;
+    white-space: nowrap;
+    text-decoration: none;
+    border: #eee solid 0px;
+    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-repeat: repeat-x;
+}
+
+.small_tab {
+    vertical-align: top;
+    background-color: #666;
+    color: #fff;
+    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-color: #f6f6f6;
+    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;
+}
+
+.L_butt2_1 {
+    padding-left: 5px;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: default;
+}
+
+.L_butt2_2 {
+    padding-left: 5px;
+    color: #000;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: default;
+}
+
+/* ---------------------------------------------------------------------------*/
+.bor {
+    width: 10px;
+    height: 10px;
+}
+
+#osn_tab {
+    position: absolute;
+    background-color: #fff;
+    color: #000;
+    width: 100% !important;
+}
+
+.pmd_header {
+    background-color: #F6F6F6;
+    border-top: 20px solid #FFFFFF;
+    color: #333333;
+    display: block;
+    height: 28px;
+    margin-left: -20px;
+    margin-top: -60px;
+    padding: 5px 20px;
+    position: fixed;
+    text-align: center;
+    width: 100%;
+    z-index: 101;
+}
+
+.pmd_header a {
+    display: block;
+    float: <?php echo $left; ?>;
+    margin: 3px 1px 4px;
+    height: 20px;
+}
+
+.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 {
+    background-color: #eee;
+    color: #000;
+}
+
+a.M_butt_Selected_down_IE:hover,
+a.M_butt_Selected_down:hover,
+a.M_butt:hover {
+    background-color: #eee;
+    color: #000;
+}
+
+#layer_menu {
+    z-index: 98;
+    position: relative;
+    float: right;;
+    background-color: #f6f6f6;
+    border: #ccc solid 1px;
+    border-top: 0;
+    margin-right: -20px;
+}
+
+.content_fullscreen #layer_menu {
+    margin-right: 0px;
+}
+
+#layer_menu.left {
+    float: left;
+    margin-left: -20px;
+}
+
+.content_fullscreen #layer_menu.left {
+    margin-left: 0px;
+}
+
+#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 $_SESSION['PMA_Theme']->getImgPath('pmd/resize.png'); ?>);
+    cursor: w-resize;
+}
+
+.panel {
+    position: fixed;
+    top: 60px;
+    <?php echo $right; ?>: 0;
+    display: none;
+    background: #FFF;
+    border: 1px solid gray;
+    width: 350 px;
+    max-height: 500px;
+    overflow:scroll;
+    padding: 30px;
+    padding-<?php echo $left; ?>: 30px;
+    color: #FFF;
+    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 $_SESSION['PMA_Theme']->getImgPath('pmd/plus.png'); ?>) 85% 55% no-repeat;
+    border: 1px solid #444;
+    display: block;
+    z-index: 102;
+}
+
+a.trigger:hover {
+    color: #080808;
+    background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/plus.png'); ?>) 85% 55% no-repeat;
+    border: 1px solid #999;
+}
+
+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;
+}
+
+h2.tiger {
+    background-repeat: repeat-x;
+    padding: 1px;
+    font-weight: bold;
+    padding: 50px 20px 50px;
+    margin: 0 0 5px 0;
+    width: 250px;
+    float: <?php echo $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;
+    overflow: hidden;
+    font-size: 1.2em;
+    clear: both;
+}
+
+.toggle_container .block {
+    background-color: #DBE4E8;
+    padding: 40px 15px 40px 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%;
+    <?php echo $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;
+    <?php echo $left; ?>: 0;
+    width: 593px;
+    height: 20px;
+    padding: 0;
+    padding-top: 4px;
+    margin: 0;
+    border-bottom: 4px solid #3CF;
+    background-color: #D0DCE0;
+    color: black;
+    font-weight: bold;
+    padding-<?php echo $left; ?>: 2px;
+    text-align: <?php echo $left; ?>;
+}
+
+#tblfooter {
+    background-color: #D3DCE3;
+    float: <?php echo $right; ?>;
+    padding-top: 10px;
+    color: black;
+    font-weight: normal;
+}
+
+#foreignkeychk {
+    text-align: <?php echo $left; ?>;
+    position: absolute;
+    cursor: pointer;
+}
+
+.side-menu {
+    float: left;
+    position: relative;
+    width: auto;
+    height: auto;
+    background: #efefef;
+    border: 1px solid #ccc;
+    border-top: 0;
+    overflow: hidden;
+    z-index: 50;
+    padding: 2px;
+    margin-top: 0px;
+    margin-left: -20px;
+}
+
+.content_fullscreen .side-menu {
+    margin-left: 0px;
+}
+
+.side-menu.right {
+    float: right;
+    margin-right: -20px;
+}
+
+.content_fullscreen .side-menu.right {
+    margin-right: 0px;
+}
+
+.side-menu .hide {
+    display: none;
+}
+
+.side-menu a {
+    display: block;
+    float: none;
+    overflow: hidden;
+}
+
+.side-menu img,
+.side-menu span,
+.side-menu .text {
+    float: left;
+    padding-left: 2px;
+}
+
+#name-panel {
+    border-bottom: 1px solid #ccc;
+    text-align: center;
+    background: #efefef;
+    font-size: 1.2em;
+    padding: 10px;
+    font-weight: bold;
+    margin-top: -20px;
+    margin-left: -20px;
+    margin-right: -20px;
+}
+
+.content_fullscreen #name-panel {
+    margin-top: 0px;
+    margin-left: 0px;
+    margin-right: 0px;
+}
+
+#container-form {
+    width: 100%;
+    position: absolute;
+    left: 0;
+}

metro/css/resizable-menu.css.php

@@ -0,0 +1,48 @@
+<?php
+
+// 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 {
+    
+}
+
+ul.resizable-menu li:hover ul,
+ul.resizable-menu .submenuhover ul {
+    display: block;
+    background: #fff;
+}
+
+ul.resizable-menu ul li {
+    width: 100%;
+}

metro/css/rte.css.php

@@ -0,0 +1,31 @@
+<?php
+
+// 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 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%;
+}

metro/css/theme_left.css.php

@@ -1,611 +0,0 @@
-<?php
-
-// unplanned execution path
-if (!defined('PMA_MINIMUM_COMMON')) {
-	exit();
-}
-?>
-
-/* CSS Reset */
-
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
-{
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font-family: 'Open Sans';
-}
-
-/* HTML5 display-role reset for older browsers */
-
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
-{
-	display: block;
-}
-
-body
-{
-	line-height: 1;
-}
-
-ol, ul
-{
-	list-style: none;
-}
-
-blockquote, q
-{
-	quotes: none;
-}
-
-blockquote:before, blockquote:after, q:before, q:after
-{
-	content: '';
-	content: none;
-}
-
-table
-{
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-/* fonts */
-
-@font-face {
-	font-family: 'IcoMoon';
-	src: local('☺');
-	src: url('./themes/metro/fonts/IcoMoon.eot');
-	src: url('./themes/metro/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/IcoMoon.svg#IcoMoon') format('svg'),
-		url('./themes/metro/fonts/IcoMoon.woff') format('woff'),
-		url('./themes/metro/fonts/IcoMoon.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans';
-	src: local('☺'), local('Open Sans'), local('OpenSans');
-	src: url('./themes/metro/fonts/opensans-regular-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-regular-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-regular-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Light';
-	src: local('☺'), local('Open Sans Light'), local('OpenSans-Light');
-	src: url('./themes/metro/fonts/opensans-light-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-light-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-light-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Bold';
-	src: local('☺'), local('Open Sans Bold'), local('OpenSans-Bold');
-	src: url('./themes/metro/fonts/opensans-bold-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-bold-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-bold-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Semibold';
-	src: local('☺'), local('Open Sans Semibold'), local('OpenSans-Semibold');
-	src: url('./themes/metro/fonts/opensans-semibold-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-semibold-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-semibold-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Extrabold';
-	src: local('☺'), local('Open Sans Extrabold'), local('OpenSans-Extrabold');
-	src: url('./themes/metro/fonts/opensans-extrabold-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-extrabold-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-extrabold-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-*:focus /* disable Chrome's and Safari's idiot form outline effect */
-{
-	outline: none;
-}
-
-html
-{
-	font-size: 11px;
-}
-
-input, select, textarea
-{
-	font-size: 1em;
-}
-
-body
-{
-	font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
-	background-color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-	border: none;
-	color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-}
-
-select, #recentTable
-{
-	font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
-	background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?> !important;
-	border: 1px solid <?php echo $GLOBALS['cfg']['BorderColor']; ?> !important;
-}
-
-input[type=text]
-{
-	background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
-	font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
-	color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
-}
-
-a img
-{
-	border: 0;
-}
-
-a:link,
-a:visited,
-a:active
-{
-	text-decoration: none;
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-ul
-{
-	margin: 0;
-}
-
-form
-{
-	margin: 0;
-	padding: 0;
-	display: inline;
-}
-
-select#select_server,
-select#lightm_db
-{
-	width: 100%;
-}
-
-/* buttons in some browsers (eg. Konqueror) are block elements,
-   this breaks design */
-
-button
-{
-	display: inline;
-}
-
-/* classes */
-
-.navi_dbName
-{
-	color: <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
-}
-
-/* specific elements */
-
-div#pmalogo:after
-{
-	font-family: 'Open Sans Extrabold';
-	text-transform: uppercase;
-	margin-left: 5px;
-	content: 'phpMyAdmin';
-}
-
-div#pmalogo
-{
-	margin: 0px;
-	padding: 12px;
-	background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
-	font-size: 1.3em;
-	cursor: default;
-	height: 15px;
-}
-
-#imgpmalogo
-{
-	display: none;
-}
-
-div#recentTableList
-{
-	text-align: center;
-	margin: 20px 10px 0px 10px;
-}
-
-div#recentTableList select
-{
-	width: 100%;
-}
-
-div#leftframelinks,
-div#databaseList
-{
-	text-align: center;
-	margin: 10px;
-}
-
-div#leftframelinks
-{
-	padding-top: 1em;
-	padding-bottom: 1em;
-}
-
-ul#databaseList
-{
-	position: absolute;
-	top: 180px;
-	bottom: 0px;
-	width: 250px;
-	overflow-x: hidden;
-	overflow-y: scroll;
-	z-index: 1000;
-}
-
-ul#databaseList span
-{
-	padding: 5px;
-}
-
-ul#databaseList a
-{
-	display: block;
-	text-indent: 0;
-	padding: 5px 5px 5px 5px;
-}
-
-ul#databaseList a:before
-{
-	content: "T";
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-	font-family: 'IcoMoon';
-	margin-right: 10px;
-}
-
-ul#databaseList a:hover:before
-{
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
-}
-
-div#navidbpageselector
-{
-	margin: 0.1em;
-	text-align: center;
-}
-
-div#navidbpageselector a,
-div#navidbpageselector select
-{
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-	margin: 0.2em;
-}
-
-ul#databaseList ul
-{
-	margin: 0;
-	padding: 0;
-}
-
-ul#databaseList li
-{
-	list-style: none;
-	text-indent: 20px;
-	margin: 0;
-	padding: 0;
-	padding-left: 10px;
-}
-
-ul#databaseList a:hover,
-ul#databaseList li:hover
-{
-	background-color: <?php echo $GLOBALS['cfg']['NaviHoverBackground']; ?>;
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
-}
-
-ul#databaseList li.selected a
-{
-	background: #eee;
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-div#leftframelinks .icon
-{
-	padding: 0;
-	margin: 0;
-}
-
-div#reloadlink a img,
-div#leftframelinks a img.icon
-{
-	margin: 0.3em;
-	margin-top: 0.7em;
-	border: 0;
-}
-
-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;
-}
-
-div#left_tableList
-{
-	position: absolute;
-	top: 200px;
-	bottom: 0px;
-	width: 250px;
-	overflow-x: hidden;
-	overflow-y: scroll;
-}
-
-div#left_tableList ul
-{
-	list-style-type: none;
-	list-style-position: outside;
-	margin: 0;
-	padding: 0;
-}
-
-div#left_tableList ul ul
-{
-	font-size: 100%;
-}
-
-div#left_tableList a
-{
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-	text-decoration: none;
-}
-
-div#left_tableList a:hover
-{
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
-	text-decoration: none;
-}
-
-div#left_tableList li
-{
-	margin: 0;
-	padding-left: 5px;
-	padding-top: 5px;
-	padding-bottom: 5px;
-	white-space: nowrap;
-}
-
-#newtable
-{
-	margin: 10px !important;
-}
-
-#newtable li
-{
-	padding: 0px !important;
-}
-
-#newtable a
-{
-	display: block;
-	padding: 5px;
-	background-color: <?php echo $GLOBALS['cfg']['NaviHoverBackground']; ?>;
-	border: none;
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?> !important;
-}
-
-#newtable li a:before
-{
-	display: none;
-}
-
-#newtable li:hover
-{
-	background: none !important;
-}
-
-#newtable a:hover
-{
-	background-color: <?php echo $GLOBALS['cfg']['NaviHoverBackground']; ?> !important;
-}
-
-#newtable li a:hover
-{
-	text-decoration: none;
-}
-
-select
-{
-	color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
-	padding: 3px;
-}
-
-<?php if (!empty($GLOBALS['cfg']['BrowseMarkerColor'])) { ?>
-/* marked items */
-
-div#left_tableList > ul li.marked > a,
-div#left_tableList > ul li.marked
-{
-	background: #216475;
-	color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
-}
-<?php } ?>
-
-<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
-div#left_tableList > ul li:hover > a,
-div#left_tableList > ul li:hover
-{
-	background-color: <?php echo $GLOBALS['cfg']['NaviHoverBackground']; ?>;
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
-}
-<?php } ?>
-
-div#left_tableList img
-{
-	padding: 0;
-	vertical-align: middle;
-}
-
-div#left_tableList ul ul
-{
-	margin-<?php echo $left; ?>: 0;
-	padding-<?php echo $left; ?>: 25px;
-	border-<?php echo $left; ?>: 1px solid #ffffff;
-	padding-bottom: 0.3em;
-}
-
-/* for the servers list in navi panel */
-#serverinfo .item
-{
-	white-space: nowrap;
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-#serverinfo a:hover
-{
-	background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-#reloadlink
-{
-	clear: both;
-	float: <?php echo $right; ?>;
-	display: block;
-	padding: 1em;
-}
-
-#NavFilter
-{
-	display: none;
-	margin-left: 10px;
-}
-
-#clear_fast_filter
-{
-	cursor: pointer;
-	padding: 0;
-	margin: 0;
-	position: relative;
-	background: none;
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-}
-
-#fast_filter
-{
-	width: 80%;
-	padding: 0.4em;
-}
-
-#fast_filter.gray
-{
-	color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
-}
-
-li a .ic_b_browse
-{
-	display: none;
-}
-
-div#left_tableList li a:first-child:before
-{
-	color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
-	font-family: 'IcoMoon';
-	content: "";
-	margin: 10px;
-}
-
-div#left_tableList li:hover a:first-child:before
-{
-	color: <?php echo $GLOBALS['cfg']['ButtonColor']; ?>;
-}
-
-img.ic_b_home, img.ic_s_loggoff, img.ic_b_selboard, img.ic_b_docs, img.ic_b_sqlhelp, img.ic_s_reload
-{
-	display: none;
-}
-
-#leftframelinks a
-{
-	color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
-	margin-right: 10px;
-	padding: 5px;
-	font-size: 1.4em;
-}
-
-#leftframelinks a:hover
-{
-	color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
-}
-
-#leftframelinks a:first-child:before
-{
-	font-family: 'IcoMoon';
-	content: "!";
-}
-
-#leftframelinks a:nth-child(2):before
-{
-	font-family: 'IcoMoon';
-	content: "\e040";
-}
-
-#leftframelinks a:nth-child(3):before
-{
-	font-family: 'IcoMoon';
-	content: "T";
-}
-
-#leftframelinks a:nth-child(4):before
-{
-	font-family: 'IcoMoon';
-	content: "";
-}
-
-#leftframelinks a:nth-child(5):before
-{
-	font-family: 'IcoMoon';
-	content: "";
-}
-
-#leftframelinks a:nth-child(6):before
-{
-	font-family: 'IcoMoon';
-	content: "";
-}

metro/css/theme_print.css.php

@@ -1,114 +0,0 @@
-<?php
-/* vim: set expandtab sw=4 ts=4 sts=4: */
-/**
- * print css file from theme Original
- *
- * @package PhpMyAdmin-theme
- * @subpackage pmahomme
- */
-?>
-
-/* fonts */
-
-@font-face {
-	font-family: 'IcoMoon';
-	src: local('☺');
-	src: url('./themes/metro/fonts/IcoMoon.eot');
-	src: url('./themes/metro/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/IcoMoon.svg#IcoMoon') format('svg'),
-		url('./themes/metro/fonts/IcoMoon.woff') format('woff'),
-		url('./themes/metro/fonts/IcoMoon.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans';
-	src: local('☺'), local('Open Sans'), local('OpenSans');
-	src: url('./themes/metro/fonts/opensans-regular-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-regular-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-regular-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Light';
-	src: local('☺'), local('Open Sans Light'), local('OpenSans-Light');
-	src: url('./themes/metro/fonts/opensans-light-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-light-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-light-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Bold';
-	src: local('☺'), local('Open Sans Bold'), local('OpenSans-Bold');
-	src: url('./themes/metro/fonts/opensans-bold-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-bold-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-bold-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Semibold';
-	src: local('☺'), local('Open Sans Semibold'), local('OpenSans-Semibold');
-	src: url('./themes/metro/fonts/opensans-semibold-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-semibold-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-semibold-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Open Sans Extrabold';
-	src: local('☺'), local('Open Sans Extrabold'), local('OpenSans-Extrabold');
-	src: url('./themes/metro/fonts/opensans-extrabold-webfont.eot');
-	src: url('./themes/metro/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
-		url('./themes/metro/fonts/opensans-extrabold-webfont.woff') format('woff'),
-		url('./themes/metro/fonts/opensans-extrabold-webfont.ttf') format('truetype');
-	font-weight: normal;
-	font-style: normal;
-}
-
-/* For printview */
-body, table, th, td 
-{
-	color: #000000;
-	background-color: #ffffff;
-	font-family: 'Open Sans';
-}
-
-img {
-    border: 0;
-}
-
-table, th, td {
-    border-width:      0.1em;
-    border-color:      #000000;
-    border-style:      solid;
-}
-
-table {
-    border-collapse:   collapse;
-    border-spacing:    0;
-}
-
-th, td {
-    padding:           0.2em;
-}
-
-th {
-    font-weight:       bold;
-    background-color:  #e5e5e5;
-}
-
-.hide {
-    display: none;
-}