diff --git a/themes/.gitignore b/themes/.gitignore
index 6d9170db2b..4f6acac5ac 100644
--- a/themes/.gitignore
+++ b/themes/.gitignore
@@ -4,3 +4,4 @@
!/svg_gradient.php
!/original/
!/pmahomme/
+!/metro/
diff --git a/themes/metro/css/codemirror.css.php b/themes/metro/css/codemirror.css.php
new file mode 100644
index 0000000000..de6595324d
--- /dev/null
+++ b/themes/metro/css/codemirror.css.php
@@ -0,0 +1,77 @@
+
+
+.CodeMirror {
+ font-family: !important;
+ height: em;
+ border: 1px solid #ccc;
+ direction: ltr;
+}
+#pma_console .CodeMirror {
+ border: none;
+}
+.CodeMirror * {
+ font-family: ;
+}
+#inline_editor_outer .CodeMirror {
+ height: em;
+ margin-bottom: 10px;
+}
+.insertRowTable .CodeMirror {
+ height: em;
+ width: em;
+}
+#pma_console .CodeMirror-gutters {
+ background-color: initial;
+ border: none;
+}
+span.cm-keyword, span.cm-statement-verb {
+ color: #909;
+}
+span.cm-variable {
+ color: black;
+}
+span.cm-comment {
+ color: #808000;
+}
+span.cm-mysql-string {
+ color: #008000;
+}
+span.cm-operator {
+ color: fuchsia;
+}
+span.cm-mysql-word {
+ color: black;
+}
+span.cm-builtin {
+ color: #f00;
+}
+span.cm-variable-2 {
+ color: #f90;
+}
+span.cm-variable-3 {
+ color: #00f;
+}
+span.cm-separator {
+ color: fuchsia;
+}
+span.cm-number {
+ color: teal;
+}
+.autocomplete-column-name {
+ display: inline-block;
+}
+.autocomplete-column-hint {
+ display: inline-block;
+ float: right;
+ color: #666;
+ margin-left: 1em;
+}
+.CodeMirror-hints {
+ z-index: 200;
+}
\ No newline at end of file
diff --git a/themes/metro/css/common.css.php b/themes/metro/css/common.css.php
new file mode 100644
index 0000000000..e09e20363f
--- /dev/null
+++ b/themes/metro/css/common.css.php
@@ -0,0 +1,3951 @@
+
+/******************************************************************************/
+
+/* 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-family: 'Open Sans';
+}
+
+/* HTML5 display-role reset for older browsers */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+{
+ display: block;
+}
+
+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 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 input outline effect */
+{
+ outline: none;
+}
+
+#li_select_fontsize
+{
+ display: none;
+}
+
+/* general tags */
+html {
+ font-size: 100%;
+}
+
+input,
+select,
+textarea {
+ font-size: 1em;
+}
+
+body {
+
+ font-family: ;
+
+ padding: 0;
+ margin-: 250px;
+ color: ;
+ background: ;
+ line-height: 1;
+ font-size: 11px;
+}
+
+/* Override style formats by html tags */
+
+font[color=red], span[style="color: #FF0000"]
+{
+ color: !important;
+}
+
+strong
+{
+ font-weight: normal;
+}
+
+/* login */
+
+body#loginform {
+ margin: 0;
+ background-color: #666;
+}
+
+body#loginform #page_content {
+ background-color: ;
+ margin: 0 !important;
+ padding: 20px;
+ margin-top: 10% !important;
+ height: 220px;
+}
+
+body#loginform div.container
+{
+ text-align: ;
+ width: 48em;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+body#loginform div.container:before
+{
+ font-family: 'IcoMoon';
+ font-size: 220px;
+ color: ;
+ content: "a";
+ float: left;
+ margin-right: 20px;
+ margin-top: -10px;
+ background-color: ;
+ overflow: hidden;
+ height: 220px;
+ width: 230px;
+ line-height: 1;
+}
+
+body#loginform h1
+{
+ display: inline-block;
+ text-align: left;
+ color: ;
+ font-size: 2.5em;
+ padding-top: 0;
+ margin-right: -50%;
+ line-height: 2;
+}
+
+body#loginform a.logo
+{
+ display: none;
+}
+
+body#loginform fieldset legend
+{
+ display: none;
+}
+
+body#loginform .item
+{
+ margin-bottom: 10px;
+}
+
+body#loginform input.textfield
+{
+ width: 100%;
+ border: 1px solid #ffffff;
+ background: ;
+ color: ;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ margin: 0;
+}
+
+body#loginform input.textfield:hover,
+body#loginform input.textfield:focus
+{
+ background-color: #fff;
+ color: #333;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ margin: 0;
+}
+
+body#loginform input[type=submit]
+{
+ background-color: ;
+ border: none;
+ padding: 7px;
+ margin: 0;
+}
+
+body#loginform select
+{
+ margin: 0 !important;
+ border: 1px solid ;
+ background: ;
+ color: ;
+ padding-left: 0 !important;
+ border: 1px solid ;
+ font-family: ;
+ min-width: 100%;
+}
+
+body#loginform select:hover
+{
+ border: 1px solid ;
+}
+
+body#loginform br
+{
+ display: none;
+}
+
+body#loginform fieldset
+{
+ border: none;
+ color: ;
+ padding: 0;
+ margin-top: 0;
+ margin-bottom: 10px;
+ background: none;
+}
+
+body#loginform fieldset:first-child
+{
+ margin-bottom: 0;
+ border-bottom: none;
+ margin: 0;
+}
+
+body#loginform fieldset.tblFooters
+{
+ border: none;
+ margin: 0;
+ clear: none;
+}
+
+body#loginform .error
+{
+ float: left;
+ width: 48em;
+ margin-top: -280px;
+}
+
+form.login label
+{
+ display: none
+}
+
+.turnOffSelect {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+#page_content {
+ margin: 20px !important;
+}
+
+
+textarea,
+tt,
+pre,
+code {
+ font-family: !important;
+}
+
+
+
+h1
+{
+ font-family: ;
+ font-weight: normal;
+ font-size: 3em;
+ color: ;
+ margin: 0;
+ letter-spacing: -1px;
+ line-height: 1;
+}
+
+h2
+{
+ font-size: 3.6em;
+ font-weight: normal;
+ color: ;
+ font-family: ;
+ margin-top: 10px;
+ margin-bottom: 0;
+ line-height: 1;
+ letter-spacing: -1px;
+}
+
+/* Hiding icons in the page titles */
+h2 img {
+ display: none;
+}
+
+h2 a img {
+ display: inline;
+}
+
+.data,
+.data_full_width {
+ margin: 10px 0;
+}
+
+.data_full_width {
+ width: 100%;
+}
+
+h3 {
+ font-family: "open sans extrabold", "segoe black";
+ text-transform: uppercase;
+ font-weight: normal;
+}
+
+a,
+a:link,
+a:visited,
+a:active,
+button.mult_submit,
+.checkall_box+label {
+ text-decoration: none;
+ color: #235a81;
+ cursor: pointer;
+ outline: none;
+
+}
+
+a:hover,
+button.mult_submit:hover,
+button.mult_submit:focus,
+.checkall_box+label:hover {
+ text-decoration: underline;
+ color: #235a81;
+}
+
+#initials_table
+{
+ background: ;
+ border: 1px solid ;
+ margin-bottom: 10px;
+}
+
+#initials_table td
+{
+ padding:8px !important;
+}
+
+#initials_table a
+{
+ border: 1px solid ;
+ background: ;
+ padding: 4px 8px;
+}
+
+dfn:hover {
+ cursor: help;
+}
+
+.data th
+{
+ border-bottom: 1px solid ;
+}
+
+th, th a
+{
+ font-family: "open sans bold";
+ color: !important;
+ font-weight: normal;
+}
+
+.data th a:hover
+{
+ color: #999 !important;
+}
+
+.column_heading,
+.column_action
+{
+ border: 1px solid ;
+ background-color: #f6f6f6;
+}
+
+a img {
+ border: 0;
+}
+
+hr
+{
+ color: ;
+ background-color: ;
+ border: 0;
+ height: 1px;
+}
+
+form {
+ padding: 0;
+ margin: 0;
+ display: inline;
+}
+
+input[type=text], input[type=password], input[type=number]
+{
+ border: 1px solid ;
+ color: ;
+ padding: 5px;
+ margin: 6px;
+ font-family: ;
+ background-color: ;
+}
+
+input[type=text]:focus, input[type=password]:focus, input[type=number]:focus
+{
+ border: 1px solid ;
+ color: ;
+}
+
+input[type=submit], input[type=reset], input[type=button]
+{
+ margin-left: 14px;
+ border: 1px solid ;
+ padding: 4px;
+ color: ;
+ text-decoration: none;
+ background-color: ;
+ font-family: ;
+}
+
+input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover
+{
+ position: relative;
+ cursor:pointer;
+ background-color: ;
+ border: 1px solid ;
+
+}
+
+input[type=submit]:active, input[type=reset]:active, input[type=button]:active
+{
+ position: relative;
+ background-color: #333;
+ border: 1px solid #333;
+}
+
+.sqlbutton, #tablefieldinsertbuttoncontainer input[type=button]
+{
+ margin-top: 1em;
+ margin-left: 0 !important;
+ margin-right: 14px !important;
+}
+
+button
+{
+ margin-left: 14px;
+ padding: 4px;
+ color: ;
+ text-decoration: none;
+ background-color: ;
+}
+
+textarea
+{
+ overflow: visible;
+ border: 1px solid ;
+ color: ;
+ background-color: ;
+}
+
+fieldset
+{
+ margin-top: 20px;
+ padding: 5px;
+ border: 1px solid ;
+ padding: 20px;
+ background-color: ;
+}
+
+fieldset fieldset
+{
+ margin: 20px;
+ margin-bottom: 0;
+ background-color: ;
+ border: none;
+}
+
+legend
+{
+ padding: 0 5px;
+}
+
+.some-margin {
+ margin: 20px;
+}
+
+/* buttons in some browsers (eg. Konqueror) are block elements,
+ this breaks design */
+button {
+ display: inline;
+}
+
+table caption,
+table th,
+table td {
+ padding: 0.6em;
+ vertical-align: top;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+th {
+ text-align: left;
+}
+
+
+img,
+button {
+ vertical-align: middle;
+}
+
+select
+{
+ border: 1px solid ;
+ color: ;
+ padding: 4px;
+ font-family: ;
+ margin: 5px;
+ background-color: ;
+ max-width: 17em;
+}
+
+select:focus
+{
+ border: 1px solid ;
+ color: ;
+}
+
+select[multiple] {
+
+}
+
+/******************************************************************************/
+/* classes */
+.clearfloat {
+ clear: both;
+}
+
+.floatleft {
+ float: ;
+ margin-: 1em;
+}
+
+.floatright {
+ float: ;
+}
+
+.center {
+ text-align: center;
+}
+
+.displayblock {
+ display: block;
+}
+
+table.nospacing {
+ border-spacing: 0;
+}
+
+table.nopadding tr th, table.nopadding tr td {
+ padding: 0;
+}
+
+th.left, td.left {
+ text-align: left;
+}
+
+th.center, td.center {
+ text-align: center;
+}
+
+th.right, td.right {
+ text-align: right;
+ padding-right: 1em;
+}
+
+tr.vtop th, tr.vtop td, th.vtop, td.vtop {
+ vertical-align: top;
+}
+
+tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle {
+ vertical-align: middle;
+}
+
+tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom {
+ vertical-align: bottom;
+}
+
+.paddingtop {
+ padding-top: 1em;
+}
+
+.separator {
+ color: #fff;
+}
+
+.result_query
+{
+ background: ;
+ margin-bottom: 20px;
+}
+
+div.tools
+{
+ padding: 10px;
+ text-align: ;
+}
+
+div.tools span {
+ float: ;
+ margin: 6px 2px;
+}
+
+div.tools a
+{
+ color: !important;
+}
+
+.chrome input[type="checkbox"] {
+ left: -9999px;
+ position: relative;
+}
+
+.chrome input[type="checkbox"]:before {
+ font-family: 'IcoMoon';
+ content: "";
+ color: ;
+ cursor: default;
+ position: absolute;
+ padding: 4px;
+ top: 0;
+ left: 9995px;
+}
+
+.chrome input[type="checkbox"]:indeterminate:before {
+ content: "";
+}
+
+.chrome input[type="checkbox"]:checked:before {
+ content: "";
+}
+
+.chrome .navigation input[type="checkbox"]:before {
+ color: #fff;
+}
+
+.chrome input[type="radio"] {
+ left: -9999px;
+ position: relative;
+}
+
+.chrome input[type="radio"]:before {
+ font-family: 'IcoMoon';
+ content: "";
+ color: ;
+ cursor: default;
+ position: absolute;
+ padding: 4px;
+ top: 0;
+ left: 9995px;
+}
+
+.chrome input[type="radio"]:checked:before {
+ content: "";
+}
+
+tr.noclick td:first-child:before
+{
+ content: "";
+}
+
+fieldset.tblFooters
+{
+ margin-top: -1px;
+ border-top: 0;
+ text-align: ;
+ float: none;
+ clear: both;
+}
+
+div.null_div {
+ height: 20px;
+ text-align: center;
+ font-style: normal;
+ min-width: 50px;
+}
+
+fieldset .formelement
+{
+ float: ;
+ margin-: 0.5em;
+}
+
+/* revert for Gecko */
+fieldset div[class=formelement] {
+ white-space: normal;
+}
+
+button.mult_submit
+{
+ border: none;
+ background-color: transparent;
+ color: ;
+ margin: 0;
+}
+
+/* odd items 1,3,5,7,... */
+table tr:nth-child(odd)
+{
+ background: ;
+ border-bottom: none;
+}
+
+/* even items 2,4,6,8,... */
+/* (tested on CRTs and ACLs) */
+table tr:nth-child(even)
+{
+ background: ;
+ border-bottom: none;
+}
+
+table tr th,
+table tr
+{
+ text-align: ;
+ border-bottom: 1px solid #eee;
+}
+
+table tr.odd, table tr.even
+{
+ border-left: 3px solid transparent;
+}
+
+/* marked table rows */
+td.marked:not(.nomarker),
+table tr.marked:not(.nomarker) td,
+table tr.marked:not(.nomarker) th,
+table tr.marked:not(.nomarker)
+{
+ color: ;
+}
+
+td.marked:not(.nomarker)
+{
+ background-color: ;
+}
+
+table tr.marked:not(.nomarker)
+{
+ border-left: 3px solid #24A0DA;
+}
+
+/* hovered items */
+table tr:not(.nopointer):hover,
+.hover:not(.nopointer),
+.structure_actions_dropdown
+{
+ background-color: ;
+ color: ;
+}
+
+.structure_actions_dropdown .icon
+{
+ vertical-align: middle !important;
+}
+
+/* hovered table rows */
+table tr.hover:not(.nopointer) th
+{
+ background-color: ;
+ color: ;
+}
+
+/* marks table rows/cells if the db field is in a where condition */
+
+.condition
+{
+ border-color: !important;
+}
+
+th.condition, th.condition a
+{
+ border: 1px solid ;
+ background: ;
+ color: !important;
+}
+
+td.condition
+{
+ border: 1px solid;
+}
+
+
+/* for first th which must have right border set (ltr only) */
+
+
+
+/**
+ * cells with the value NULL
+ */
+td.null {
+ font-style: italic;
+ color: #7d7d7d;
+}
+
+table .valueHeader {
+ text-align: ;
+ white-space: normal;
+}
+table .value {
+ text-align: ;
+ white-space: normal;
+}
+/* IE doesnt handles 'pre' right */
+table [class=value] {
+ white-space: normal;
+}
+
+
+
+.value {
+ font-family: ;
+}
+
+.attention {
+ color: red;
+ font-weight: bold;
+}
+
+.allfine {
+ color: green;
+}
+
+
+img.lightbulb {
+ cursor: pointer;
+}
+
+.pdflayout {
+ overflow: hidden;
+ clip: inherit;
+ background-color: #fff;
+ display: none;
+ border: 1px solid #000;
+ position: relative;
+}
+
+.pdflayout_table {
+ background: #D3DCE3;
+ color: #000;
+ overflow: hidden;
+ clip: inherit;
+ z-index: 2;
+ display: inline;
+ visibility: inherit;
+ cursor: move;
+ position: absolute;
+ font-size: 80%;
+ border: 1px dashed #000;
+}
+
+/* Doc links in SQL */
+.cm-sql-doc {
+ text-decoration: none;
+ border-bottom: 1px dotted #999999;
+ color: inherit !important;
+}
+
+/* no extra space in table cells */
+td .icon {
+ margin: 0;
+}
+
+.selectallarrow {
+ margin-: .3em;
+ margin-: .6em;
+}
+
+/* message boxes: error, confirmation */
+#pma_errors, #pma_demo, #pma_footer {
+ padding: 20px;
+}
+
+#pma_errors #pma_errors
+{
+ padding: 0;
+}
+
+.success h1,
+.notice h1,
+div.error h1 {
+ text-align: ;
+ margin: 0 0 0.2em 0;
+ color: ;
+}
+
+div.success,
+div.notice,
+div.error,
+div.footnotes {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ margin: 20px 0 20px;
+ border: 1px solid;
+ background-repeat: no-repeat;
+
+ background-position: 10px 50%;
+ padding: 10px 10px 10px 10px;
+
+ background-position: 99% 50%;
+ padding: 10px 35px 10px 10px;
+
+
+}
+
+div.success
+{
+ margin: 0 0 1em 0;
+ border: none;
+}
+
+.success a,
+.notice a,
+.error a {
+ text-decoration: underline;
+ color: ;
+}
+
+.success {
+ color: ;
+ background-color: ;
+}
+
+h1.success,
+div.success {
+ border-color: ;
+}
+
+.notice, .footnotes
+{
+ color: ;
+ background-color: ;
+}
+
+h1.notice,
+div.notice,
+div.footnotes
+{
+ border-color: ;
+}
+
+.notice a
+{
+ color: ;
+}
+
+.error
+{
+ border: 1px solid !important;
+ color: ;
+ background-color: ;
+}
+
+h1.error,
+div.error
+{
+ border-color: ;
+}
+
+.confirmation
+{
+ color: ;
+ background-color: ;
+}
+
+fieldset.confirmation legend
+{
+ background-color: ;
+}
+
+/* end messageboxes */
+
+.new_central_col{
+ width: 100%;
+}
+
+.tblcomment {
+ font-size: 70%;
+ font-weight: normal;
+ color: #000099;
+}
+
+.tblHeaders {
+ font-family: "open sans bold";
+ color: ;
+ background: ;
+ font-weight: normal;
+}
+
+div.tools,
+.tblFooters {
+ font-weight: normal;
+ color: ;
+ background: ;
+}
+
+.tblHeaders a:link,
+.tblHeaders a:active,
+.tblHeaders a:visited,
+div.tools a:link,
+div.tools a:visited,
+div.tools a:active,
+.tblFooters a:link,
+.tblFooters a:active,
+.tblFooters a:visited {
+ color: #0000FF;
+}
+
+.tblHeaders a:hover,
+div.tools a:hover,
+.tblFooters a:hover {
+ color: #FF0000;
+}
+
+/* forbidden, no privileges */
+.noPrivileges {
+ color: #FF0000;
+ font-weight: bold;
+}
+
+/* disabled text */
+.disabled,
+.disabled a:link,
+.disabled a:active,
+.disabled a:visited {
+ color: #666;
+}
+
+.disabled a:hover {
+ color: #666;
+ text-decoration: none;
+}
+
+tr.disabled td,
+td.disabled {
+ background-color: #f3f3f3;
+ color: #aaa;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+/******************************************************************************/
+/* specific elements */
+
+/* topmenu */
+
+#topmenu .error {
+ background: #eee;
+ border: 0 !important;
+ color: #aaa;
+}
+
+ul#topmenu,
+ul#topmenu2
+{
+ list-style-type: none;
+ margin: 0;
+ height: 48px;
+}
+
+ul.tabs
+{
+ list-style-type: none;
+ margin: 0;
+}
+
+ul#topmenu2 {
+ margin: -20px -10px 20px;
+ padding: 10px;
+ clear: both;
+}
+
+ul#topmenu li,
+ul#topmenu2 li {
+ float: ;
+ margin: 0;
+ vertical-align: middle;
+ padding-top: 10px;
+ height: 38px;
+}
+
+#topmenu img,
+#topmenu2 img {
+ margin-right: .5em;
+ vertical-align: -3px;
+}
+
+.menucontainer {
+ background-color: ;
+ height: 48px;
+}
+
+.scrollindicator {
+ display: none;
+}
+
+/* default tab styles */
+#topmenu .tabactive {
+ background: #fff !important;
+}
+
+#topmenu2 .tabactive
+{
+ background: #ccc;
+}
+
+ul#topmenu2 a {
+ display: block;
+ margin: 7px 0;
+ margin-: 0;
+ padding: 5px 15px;
+ white-space: nowrap;
+ font-family: "open sans extrabold", "segoe black";
+ font-weight: normal;
+ color: ;
+ text-transform: uppercase;
+ background-color: #f6f6f6;
+}
+
+fieldset.caution
+{
+ background: ;
+ border: 1px solid ;
+}
+
+fieldset.caution legend
+{
+ background-color: #fff;
+}
+
+fieldset.caution a
+{
+ font-family: 'Open Sans Bold';
+ text-transform: uppercase;
+ color: ;
+ font-weight: normal;
+}
+
+fieldset.caution ul, #tbl_maintenance
+{
+ padding: 0;
+}
+
+fieldset.caution li, #tbl_maintenance li
+{
+ display: block;
+}
+
+fieldset.caution li:before
+{
+ font-family: 'IcoMoon';
+ content: "";
+ color: ;
+ margin-right: 10px;
+}
+
+fieldset.caution li a:nth-child(2) img
+{
+ background: url('./themes/metro/img/s_info.png') !important;
+}
+
+#tbl_maintenance li a
+{
+ font-family: 'Open Sans Bold';
+ text-transform: uppercase;
+ font-weight: normal;
+}
+
+#tbl_maintenance li:before
+{
+ font-family: 'IcoMoon';
+ content: "%";
+ margin-right: 10px;
+}
+
+#topmenu {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+ul#topmenu ul {
+
+}
+
+ul#topmenu ul.only {
+ : 0;
+}
+
+ul#topmenu > li {
+
+}
+
+/* default tab styles */
+ul#topmenu a,
+ul#topmenu span {
+ padding: 5px 10px;
+ height: 28px;
+ line-height: 28px;
+ font-family: "open sans extrabold", "segoe black";
+ text-transform: uppercase;
+ color: #666;
+ font-weight: normal;
+}
+
+ul#topmenu ul a {
+ border-width: 1pt 0 0 0;
+}
+
+ul#topmenu ul li:first-child a {
+ border-width: 0;
+}
+
+/* enabled hover/active tabs */
+ul#topmenu > li > a:hover,
+ul#topmenu > li > .tabactive {
+ text-decoration: none;
+ color: #333;
+}
+
+ul#topmenu ul a:hover,
+ul#topmenu ul .tabactive {
+ text-decoration: none;
+}
+
+ul#topmenu a.tab:hover,
+ul#topmenu .tabactive {
+
+}
+
+ul#topmenu2 a,
+ul#topmenu2 a:hover {
+
+ text-decoration: none;
+}
+
+/* to be able to cancel the bottom border, use
*/
+ul#topmenu > li.active {
+
+ border-right: 0;
+}
+/* end topmenu */
+
+/* zoom search */
+div#dataDisplay input,
+div#dataDisplay select {
+ margin: 0;
+ margin-: .5em;
+}
+div#dataDisplay th {
+ line-height: 2em;
+}
+
+table#tableFieldsId {
+ width: 100%;
+}
+
+/* Calendar */
+table.calendar {
+ width: 100%;
+}
+table.calendar td {
+ text-align: center;
+}
+table.calendar td a {
+ display: block;
+}
+
+table.calendar td a:hover {
+ background-color: #CCFFCC;
+}
+
+table.calendar th {
+ background-color: #D3DCE3;
+}
+
+table.calendar td.selected {
+ background-color: #FFCC99;
+}
+
+img.calendar {
+ border: none;
+}
+form.clock {
+ text-align: center;
+}
+/* end Calendar */
+
+
+/* table stats */
+div#tablestatistics table {
+ float: ;
+ margin-bottom: .5em;
+ margin-: 1.5em;
+ margin-top: .5em;
+ min-width: 16em;
+}
+
+/* END table stats */
+
+
+/* server privileges */
+#tableuserrights td,
+#tablespecificuserrights td,
+#tabledatabases td {
+ vertical-align: middle;
+}
+
+/* END server privileges */
+
+
+/* Heading */
+#topmenucontainer {
+ width: 100%;
+}
+
+#serverinfo
+{
+ padding: 12px 30px;
+ overflow: hidden;
+ margin: 0;
+ margin-left: -1em;
+ font-family: ;
+ color: ;
+ background: ;
+ font-height: 1.1em;
+ height: 15px;
+}
+
+#serverinfo .item
+{
+ font-family: ;
+ white-space: nowrap;
+ color: ;
+}
+
+#serverinfo .item:before
+{
+ padding-left: 5px;
+ padding-right: 5px;
+ font-family: "IcoMoon";
+ font-size: 10px;
+ color: #eee;
+ content: "";
+}
+
+#serverinfo a:hover
+{
+ text-decoration: none;
+}
+
+#serverinfo a:first-child
+{
+ display: none !important;
+}
+
+#serverinfo .separator,
+#serverinfo .icon
+{
+ display: none;
+}
+
+#page_nav_icons {
+ position: fixed;
+ top: 0;
+ : 0;
+ z-index: 99;
+ padding: .25em 0;
+}
+
+#goto_pagetop, #lock_page_icon, #page_settings_icon {
+ padding: .25em;
+}
+
+#page_settings_icon {
+ cursor: pointer;
+ display: none;
+}
+
+#page_settings_modal {
+ display: none;
+}
+
+#pma_navigation_settings {
+ display: none;
+}
+
+#span_table_comment {
+ font-weight: normal;
+ font-style: italic;
+ white-space: nowrap;
+ margin-left: 10px;
+}
+
+#serverinfo img {
+ margin: 0 .1em 0;
+ margin-: .2em;
+}
+
+#textSQLDUMP {
+ width: 95%;
+ height: 95%;
+ font-family: Consolas, "Courier New", Courier, mono;
+ font-size: 110%;
+}
+
+#TooltipContainer {
+ position: absolute;
+ z-index: 99;
+ width: 20em;
+ height: auto;
+ overflow: visible;
+ visibility: hidden;
+ background-color: #ffffcc;
+ color: #006600;
+ border: .1em solid #000;
+ padding: .5em;
+}
+
+/* user privileges */
+#fieldset_add_user_login div.item {
+ border-bottom: 1px solid #ddd;
+ padding-bottom: .3em;
+ margin-bottom: .3em;
+}
+
+#fieldset_add_user_login label {
+ float: ;
+ display: block;
+ width: 10em;
+ max-width: 100%;
+ text-align: ;
+ padding-: .5em;
+ line-height: 35px;
+}
+
+#fieldset_add_user_login span.options #select_pred_username,
+#fieldset_add_user_login span.options #select_pred_hostname,
+#fieldset_add_user_login span.options #select_pred_password {
+ width: 100%;
+ max-width: 100%;
+}
+
+#fieldset_add_user_login span.options {
+ float: ;
+ display: block;
+ width: 12em;
+ max-width: 100%;
+ padding-: .5em;
+}
+
+#fieldset_add_user_login input {
+ width: 12em;
+ clear: ;
+ max-width: 100%;
+}
+
+#fieldset_add_user_login span.options input {
+ width: auto;
+}
+
+#fieldset_add_user_login span.options input[type=button]
+{
+ margin: 4px;
+}
+
+#fieldset_user_priv div.item {
+ float: ;
+ width: 9em;
+ max-width: 100%;
+}
+
+#fieldset_user_priv div.item div.item {
+ float: none;
+}
+
+#fieldset_user_priv div.item label {
+ white-space: nowrap;
+}
+
+#fieldset_user_priv div.item select {
+ width: 100%;
+}
+
+#fieldset_user_global_rights fieldset {
+ float: ;
+}
+
+#fieldset_user_group_rights fieldset {
+ float: ;
+}
+/* END user privileges */
+
+
+/* serverstatus */
+
+.linkElem:hover {
+ text-decoration: underline;
+ color: #235a81;
+ cursor: pointer;
+}
+
+h3#serverstatusqueries span {
+ font-size: 60%;
+ display: inline;
+}
+
+.buttonlinks {
+ float: ;
+ white-space: nowrap;
+}
+
+/* Also used for the variables page */
+fieldset#tableFilter {
+ padding: 0.1em 1em;
+}
+
+fieldset#tableFilter input[type=submit] {
+ margin-top: 9px;
+}
+
+div#serverStatusTabs {
+ margin-top: 1em;
+}
+
+caption a.top {
+ float: ;
+}
+
+div#serverstatusquerieschart {
+ float: ;
+ width: 500px;
+ height: 350px;
+ padding-: 30px;
+}
+
+table#serverstatusqueriesdetails,
+table#serverstatustraffic {
+ float: ;
+}
+
+table#serverstatusqueriesdetails th {
+ min-width: 35px;
+}
+
+table#serverstatusvariables {
+ width: 100%;
+ margin-bottom: 1em;
+}
+table#serverstatusvariables .name {
+ width: 18em;
+ white-space: nowrap;
+}
+table#serverstatusvariables .value {
+ width: 6em;
+}
+table#serverstatusconnections {
+ float: ;
+ margin-: 30px;
+}
+
+div#serverstatus table tbody td.descr a,
+div#serverstatus table .tblFooters a {
+ white-space: nowrap;
+}
+
+div.liveChart {
+ clear: both;
+ min-width: 500px;
+ height: 400px;
+ padding-bottom: 80px;
+}
+
+#addChartDialog input[type="text"] {
+ margin: 0;
+ padding: 3px;
+}
+
+div#chartVariableSettings {
+ margin-left: 10px;
+}
+
+table#chartGrid td {
+ padding: 3px;
+ margin: 0;
+}
+
+table#chartGrid div.monitorChart {
+ background: ;
+ overflow: hidden;
+}
+
+div.tabLinks {
+ margin-left: 0.3em;
+ float: ;
+ padding: 5px 0;
+}
+
+div.tabLinks a, div.tabLinks label {
+ margin-right: 7px;
+}
+
+div.tabLinks .icon {
+ margin: -0.2em 0.3em 0 0;
+}
+
+.popupContent {
+ display: none;
+ position: absolute;
+ border: 1px solid #CCC;
+ margin: 0;
+ padding: 3px;
+ background-color: #fff;
+ z-index: 2;
+}
+
+div#logTable {
+ padding-top: 10px;
+ clear: both;
+}
+
+div#logTable table {
+ width: 100%;
+}
+
+div#queryAnalyzerDialog {
+ min-width: 700px;
+}
+
+div#queryAnalyzerDialog div.CodeMirror-scroll {
+ height: auto;
+}
+
+div#queryAnalyzerDialog div#queryProfiling {
+ height: 300px;
+}
+
+div#queryAnalyzerDialog td.explain {
+ width: 250px;
+}
+
+div#queryAnalyzerDialog table.queryNums {
+ display: none;
+ border: 0;
+ text-align: left;
+}
+
+.smallIndent {
+ padding-: 7px;
+}
+
+/* end serverstatus */
+
+/* server variables */
+#serverVariables {
+ table-layout: fixed;
+ width: 100%;
+}
+#serverVariables .var-row > td {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 2em;
+}
+#serverVariables .var-header {
+ color: ;
+ background: #f3f3f3;
+ font-weight: bold;
+}
+#serverVariables .var-header {
+ text-align: ;
+}
+#serverVariables .var-row {
+ padding: 0.5em;
+ min-height: 18px;
+}
+#serverVariables .var-action {
+ width: 120px;
+}
+#serverVariables .var-name {
+ float: ;
+}
+#serverVariables .var-name.session {
+ font-weight: normal;
+ font-style: italic;
+}
+#serverVariables .var-value {
+ width: 50%;
+ float: ;
+ text-align: ;
+}
+#serverVariables .var-doc {
+ overflow:visible;
+ float: ;
+}
+
+/* server variables editor */
+#serverVariables .editLink {
+ padding-: 1em;
+ float: ;
+ font-family: sans-serif;
+}
+#serverVariables .serverVariableEditor {
+ width: 100%;
+ overflow: hidden;
+}
+#serverVariables .serverVariableEditor input {
+ width: 100%;
+ margin: 0 0.5em;
+ box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ height: 2.2em;
+}
+#serverVariables .serverVariableEditor div {
+ display: block;
+ overflow: hidden;
+ padding-: 1em;
+}
+#serverVariables .serverVariableEditor a {
+ float: ;
+ margin: 0 0.5em;
+ line-height: 2em;
+}
+/* end server variables */
+
+
+p.notice {
+ margin: 1.5em 0;
+ border: 1px solid #000;
+ background-repeat: no-repeat;
+
+ background-position: 10px 50%;
+ padding: 10px 10px 10px 25px;
+
+ background-position: 99% 50%;
+ padding: 25px 10px 10px 10px
+
+ background: #555;
+ color: #d4fb6a;
+}
+
+p.notice a {
+ color: #fff;
+ text-decoration: underline;
+}
+
+/* profiling */
+
+div#profilingchart {
+ width: 850px;
+ height: 370px;
+ float: ;
+}
+
+/* END profiling */
+
+/* table charting */
+
+#resizer {
+ border: 1px solid silver;
+}
+#inner-resizer { /* make room for the resize handle */
+ padding: 10px;
+}
+.chartOption {
+ float: ;
+ margin-: 40px;
+}
+
+/* END table charting */
+
+/* querybox */
+
+#togglequerybox {
+ margin: 0 10px;
+}
+
+#serverstatus h3
+{
+ margin: 15px 0;
+ font-weight: normal;
+ color: #999;
+ font-size: 1.7em;
+}
+
+#sectionlinks {
+ padding: 16px;
+ background: #f3f3f3;
+ border: 1px solid #aaa;
+}
+#sectionlinks a,
+.buttonlinks a,
+a.button {
+ font-size: .88em;
+ font-weight: bold;
+ line-height: 35px;
+ margin-: 7px;
+ border: 1px solid #aaa;
+ padding: 5px 10px;
+ color: #111;
+ text-decoration: none;
+ background: #ddd;
+ white-space: nowrap;
+}
+
+#sectionlinks a:hover,
+.buttonlinks a:hover,
+a.button:hover {
+
+}
+
+div#sqlquerycontainer {
+ float: ;
+ width: 69%;
+ /* height: 15em; */
+}
+
+div#tablefieldscontainer {
+ float: ;
+ width: 29%;
+ margin-top: -20px;
+ /* height: 15em; */
+}
+
+div#tablefieldscontainer select {
+ width: 100%;
+ background: #fff;
+ max-width: initial;
+ /* height: 12em; */
+}
+
+textarea#sqlquery {
+ width: 100%;
+ /* height: 100%; */
+ border: 1px solid #aaa;
+ padding: 5px;
+ font-family: inherit;
+}
+textarea#sql_query_edit {
+ height: 7em;
+ width: 95%;
+ display: block;
+}
+div#queryboxcontainer div#bookmarkoptions {
+ margin-top: .5em;
+}
+/* end querybox */
+
+/* main page */
+
+#mysqlmaininformation,
+#pmamaininformation {
+ float: ;
+ width: 49%;
+}
+
+#maincontainer ul {
+ list-style-type: square;
+ vertical-align: middle;
+ color: ;
+ margin-left: 20px;
+}
+
+#maincontainer ul li
+{
+ line-height: 1.5;
+}
+
+#full_name_layer {
+ position: absolute;
+ padding: 2px;
+ margin-top: -3px;
+ z-index: 801;
+
+ border: solid 1px #888;
+ background: #fff;
+}
+
+/* END main page */
+
+
+/* iconic view for ul items */
+
+li br
+{
+ display: none;
+}
+
+li.no_bullets {
+ list-style-type:none !important;
+}
+
+li#li_mysql_client_version
+{
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+li#li_create_database
+{
+ background-color: #f6f6f6;
+ padding: 10px;
+ border: 1px solid ;
+ display: block;
+ margin-bottom: 20px;
+}
+
+li#li_select_lang select
+{
+ margin: 0 !important;
+ height: 26px;
+}
+
+li#li_select_lang
+{
+ display: block;
+ padding: 10px;
+ padding-left: 20px;
+ font-family: ;
+}
+
+li#li_select_lang:hover
+{
+ background: #f6f6f6;
+}
+
+li#li_select_mysql_collation select
+{
+ margin: 0 !important;
+}
+
+li#li_select_mysql_collation
+{
+ display: block;
+ padding: 10px;
+ padding-left: 20px;
+ font-family: ;
+}
+
+li#li_select_mysql_collation:hover
+{
+ background: #f6f6f6;
+}
+
+li#li_select_theme select
+{
+ margin: 0 !important;
+}
+
+li#li_select_theme
+{
+ display: block;
+ padding: 10px;
+ padding-left: 20px;
+ font-family: ;
+}
+
+li#li_select_theme:after
+{
+ content: "Scheme: ";
+ margin-left: 10px;
+}
+
+li#li_select_theme:hover
+{
+ background: #f6f6f6;
+}
+
+li#li_change_password
+{
+ /* list-style-image: url(getImgPath(); ?>s_passwd.png); */
+ display: block;
+ padding: 10px;
+ padding-left: 20px;
+ font-family: ;
+}
+
+li#li_change_password:hover
+{
+ background: #f6f6f6;
+}
+
+li#li_user_preferences
+{
+ /* list-style-image: url(getImgPath(); ?>b_tblops.png); */
+ display: block;
+ padding: 10px;
+ padding-left: 20px;
+ font-family: ;
+}
+
+li#li_user_preferences:hover
+{
+ background: #f6f6f6;
+}
+
+li#li_switch_dbstats
+{
+ background-color: #f6f6f6;
+ padding: 10px;
+ border: 1px solid ;
+ display: block;
+}
+
+/* END iconic view for ul items */
+
+#body_browse_foreigners {
+ background: ;
+ margin: .5em .5em 0 .5em;
+}
+
+#bodyquerywindow {
+ background: ;
+}
+
+#bodythemes {
+ width: 500px;
+ margin: auto;
+ text-align: center;
+}
+
+#bodythemes img {
+ border: .1em solid #000;
+}
+
+#bodythemes a:hover img {
+ border: .1em solid red;
+}
+
+#fieldset_select_fields {
+ float: ;
+}
+
+#selflink {
+ clear: both;
+ display: block;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ margin-left: 20px;
+ margin-right: 20px;
+ border-top: 1px solid silver;
+ text-align: ;
+}
+
+#table_innodb_bufferpool_usage,
+#table_innodb_bufferpool_activity {
+ float: ;
+}
+
+#div_mysql_charset_collations table {
+ float: ;
+}
+
+#div_mysql_charset_collations table th,
+#div_mysql_charset_collations table td {
+ padding: 0.4em;
+}
+
+#div_mysql_charset_collations table th#collationHeader {
+ width: 35%;
+}
+
+.operations_half_width {
+ width: 100%;
+ float: ;
+ margin-bottom: 10px;
+}
+
+.operations_full_width {
+ width: 100%;
+ clear: both;
+}
+
+#qbe_div_table_list {
+ float: ;
+}
+
+#qbe_div_sql_query {
+ float: ;
+}
+
+label.desc {
+ width: 30em;
+ float: ;
+}
+
+label.desc sup {
+ position: absolute;
+}
+
+code.php {
+ display: block;
+ padding-left: 0.3em;
+ margin-top: 0;
+ margin-bottom: 0;
+ max-height: 10em;
+ overflow: auto;
+ direction: ltr;
+}
+
+.sqlOuter code.sql, div.sqlvalidate, #inline_editor_outer
+{
+ display: block;
+ padding: 1em;
+ margin: 1em;
+ overflow: auto;
+ background-color: ;
+ border: 1px solid ;
+ direction: ltr;
+}
+
+#main_pane_left
+{
+ width: 60%;
+ min-width: 260px;
+ float: ;
+ padding-top: 1em;
+}
+
+#main_pane_right
+{
+ overflow: hidden;
+ min-width: 160px;
+ padding-top: 1em;
+ padding-: 3em;
+}
+
+.group
+{
+ margin-bottom: 1em;
+ padding-bottom: 1em;
+}
+
+.group input[type=submit]
+{
+ margin-left: 0;
+}
+
+.group h2
+{
+ color: ;
+ font-size: 2.8em;
+ font-weight: normal;
+ font-family: ;
+ margin-top: 0;
+ margin-bottom: 0.6em;
+}
+
+.group-cnt {
+ padding: 0 0 0 0.5em;
+ display: inline-block;
+ width: 98%;
+}
+
+textarea#partitiondefinition {
+ height: 3em;
+}
+
+
+/* for elements that should be revealed only via js */
+.hide {
+ display: none;
+}
+
+#list_server {
+ list-style-image: none;
+ padding: 0;
+}
+
+/**
+ * Progress bar styles
+ */
+div.upload_progress
+{
+ width: 400px;
+ margin: 3em auto;
+ text-align: center;
+}
+
+div.upload_progress_bar_outer
+{
+ border: 1px solid #000;
+ width: 202px;
+ position: relative;
+ margin: 0 auto 1em;
+ color: ;
+}
+
+div.upload_progress_bar_inner
+{
+ background-color: ;
+ width: 0;
+ height: 12px;
+ margin: 1px;
+ overflow: hidden;
+
+ color: ;
+
+ position: relative;
+}
+
+div.upload_progress_bar_outer div.percentage
+{
+ position: absolute;
+ top: 0;
+ : 0;
+ width: 202px;
+}
+
+div.upload_progress_bar_inner div.percentage
+{
+ top: -1px;
+ : -1px;
+}
+
+div#statustext {
+ margin-top: .5em;
+}
+
+table#serverconnection_src_remote,
+table#serverconnection_trg_remote,
+table#serverconnection_src_local,
+table#serverconnection_trg_local {
+ float: ;
+}
+/**
+ * Validation error message styles
+ */
+input[type=text].invalid_value,
+input[type=password].invalid_value,
+input[type=number].invalid_value,
+input[type=date].invalid_value
+.invalid_value {
+ background: #FFCCCC;
+}
+
+/**
+ * Ajax notification styling
+ */
+/* additional styles */
+.ajax_notification {
+ top: 0;
+ position: fixed;
+ width: 100%;
+ z-index: 1100;
+ text-align: center;
+ display: inline;
+ left: 0;
+ right: 0;
+ background-image: url(getImgPath(); ?>ajax_clock_small.gif);
+ background-repeat: no-repeat;
+ background-position: 46%;
+ margin: 0;
+ background-color: ;
+ color: ;
+ padding: 10px !important;
+ border: none;
+ height: 19px;
+}
+
+.dismissable
+{
+ margin-left: -10px;
+ margin-top: -10px;
+}
+
+#loading_parent {
+ /** Need this parent to properly center the notification division */
+ position: relative;
+ width: 100%;
+ }
+/**
+ * Export and Import styles
+ */
+
+.export_table_list_container {
+ display: inline-block;
+ max-height: 20em;
+ overflow-y: scroll;
+}
+
+.export_table_select th {
+ text-align: center;
+ vertical-align: middle;
+}
+
+.export_table_select .all {
+ font-weight: bold;
+ border-bottom: 1px solid black;
+}
+
+.export_structure, .export_data {
+ text-align: center;
+}
+
+.export_table_name {
+ vertical-align: middle;
+}
+
+.exportoptions h3,
+.importoptions h3 {
+ border-bottom: 1px #ccc solid;
+ font-size: 110%;
+}
+
+.exportoptions ul,
+.importoptions ul,
+.format_specific_options ul {
+ list-style-type: none;
+ margin-bottom: 15px;
+}
+
+.exportoptions li,
+.importoptions li {
+ margin: 7px;
+}
+.exportoptions label,
+.importoptions label,
+.exportoptions p,
+.importoptions p {
+ margin: 5px;
+ float: none;
+}
+
+#csv_options label.desc,
+#ldi_options label.desc,
+#latex_options label.desc,
+#output label.desc {
+ float: ;
+ width: 15em;
+}
+
+.exportoptions,
+.importoptions {
+ margin: 20px 30px 30px;
+ margin-: 10px;
+}
+
+.exportoptions #buttonGo,
+.importoptions #buttonGo {
+ padding: 5px 12px;
+ text-decoration: none;
+ cursor: pointer;
+ margin: 0;
+}
+#buttonGo:hover {
+
+}
+
+.format_specific_options h3 {
+ margin: 10px 0 0;
+ margin-: 10px;
+ border: 0;
+}
+
+.format_specific_options {
+ border: 1px solid #999;
+ margin: 7px 0;
+ padding: 3px;
+}
+
+p.desc {
+ margin: 5px;
+}
+
+/**
+ * Export styles only
+ */
+select#db_select,
+select#table_select {
+ width: 400px;
+}
+
+.export_sub_options {
+ margin: 20px 0 0;
+ margin-: 30px;
+}
+
+.export_sub_options h4 {
+ border-bottom: 1px #999 solid;
+}
+
+.export_sub_options li.subgroup {
+ display: inline-block;
+ margin-top: 0;
+}
+
+.export_sub_options li {
+ margin-bottom: 0;
+}
+
+#output_quick_export {
+ display: none;
+}
+/**
+ * Import styles only
+ */
+
+.importoptions #import_notification {
+ margin: 10px 0;
+ font-style: italic;
+}
+
+input#input_import_file {
+ margin: 5px;
+}
+
+.formelementrow {
+ margin: 5px 0 5px 0;
+}
+
+#filterText {
+ vertical-align: baseline;
+}
+
+#popup_background {
+ display: none;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ : 0;
+ background: #000;
+ z-index: 1000;
+ overflow: hidden;
+}
+
+/**
+ * Table structure styles
+ */
+#fieldsForm ul.table-structure-actions {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#fieldsForm ul.table-structure-actions li {
+ float: ;
+ margin-: 0.3em; /* same as padding of "table td" */
+}
+#fieldsForm ul.table-structure-actions .submenu li {
+ padding: 0;
+ margin: 0;
+}
+#fieldsForm ul.table-structure-actions .submenu li span {
+ padding: 0.3em;
+ margin: 0.1em;
+}
+#structure-action-links a {
+ margin-: 1em;
+}
+/**
+ * Indexes
+ */
+#index_frm .index_info input,
+#index_frm .index_info select {
+ width: 14em;
+ box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+
+#index_frm .index_info div {
+ padding: .2em 0;
+}
+
+#index_frm .index_info .label {
+ float: ;
+ min-width: 12em;
+}
+
+#index_frm .slider {
+ width: 10em;
+ margin: .6em;
+ float: ;
+}
+
+#index_frm .add_fields {
+ float: ;
+}
+
+#index_frm .add_fields input {
+ margin-: 1em;
+}
+
+#index_frm input {
+ margin: 0;
+}
+
+#index_frm td {
+ vertical-align: middle;
+}
+
+table#index_columns {
+ width: 100%;
+}
+
+table#index_columns select {
+ width: 85%;
+ float: right;
+}
+
+#move_columns_dialog div {
+ padding: 1em;
+}
+
+#move_columns_dialog ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#move_columns_dialog li {
+ background: ;
+ border: 1px solid #aaa;
+ color: ;
+ font-weight: bold;
+ margin: .4em;
+ padding: .2em;
+}
+
+/* config forms */
+.config-form ul.tabs {
+ margin: 1.1em .2em 0;
+ padding: 0 0 .3em 0;
+ list-style: none;
+ font-weight: bold;
+}
+
+.config-form ul.tabs li {
+ float: ;
+ margin-bottom: -1px;
+}
+
+.config-form ul.tabs li a {
+ display: block;
+ margin: .1em .2em 0;
+ white-space: nowrap;
+ text-decoration: none;
+ border: 1px solid ;
+ border-bottom: 1px solid #ddd;
+ font-family: "open sans bold";
+}
+
+.config-form ul.tabs li a {
+ padding: 7px 10px;
+ background: #f2f2f2;
+ color: #555;
+}
+
+.config-form ul.tabs li a:hover,
+.config-form ul.tabs li a:active {
+ background: #e5e5e5;
+}
+
+.config-form ul.tabs li.active a {
+ background-color: #fff;
+ margin-top: 1px;
+ color: #000;
+ border-color: #ddd;
+ border-bottom: 1px solid #fff;
+}
+
+.config-form fieldset {
+ margin-top: 0;
+ padding: 0;
+ clear: both;
+ background: none;
+}
+
+.config-form legend {
+ display: none;
+}
+
+.config-form fieldset p {
+ margin: 0;
+ padding: 10px;
+ background: #fff;
+ font-family: ;
+ font-size: 16px;
+}
+
+.config-form fieldset .errors { /* form error list */
+ margin: 0 -2px 1em;
+ padding: .5em 1.5em;
+ background: #FBEAD9;
+ border: 0 #C83838 solid;
+ border-width: 1px 0;
+ list-style: none;
+ font-family: sans-serif;
+ font-size: small;
+}
+
+.config-form fieldset .inline_errors { /* field error list */
+ margin: .3em .3em .3em;
+ margin-: 0;
+ padding: 0;
+ list-style: none;
+ color: #9A0000;
+ font-size: small;
+}
+
+.config-form fieldset table
+{
+ background-color: #fff;
+}
+
+.config-form fieldset label
+{
+ font-weight: normal;
+}
+
+.config-form fieldset textarea,
+.insertRowTable textarea
+{
+ margin: 5px;
+ padding: 5px;
+}
+
+.config-form fieldset th {
+ padding: 10px;
+ padding-: .5em;
+ text-align: ;
+ vertical-align: top;
+ width: 40%;
+}
+
+.config-form fieldset .doc,
+.config-form fieldset .disabled-notice {
+ margin-: 1em;
+}
+
+.config-form fieldset .disabled-notice {
+ font-size: 80%;
+ text-transform: uppercase;
+ color: #E00;
+ cursor: help;
+}
+
+.config-form fieldset td {
+ padding-top: .3em;
+ padding-bottom: .3em;
+ vertical-align: top;
+}
+
+.config-form fieldset th small {
+ display: block;
+ font-weight: normal;
+ font-family: sans-serif;
+ font-size: x-small;
+ color: #444;
+}
+
+.config-form fieldset th,
+.config-form fieldset td {
+ border-bottom: 1px solid;
+ border-: none;
+}
+
+fieldset .group-header th {
+ background: ;
+}
+
+fieldset .group-header + tr th {
+ padding-top: .6em;
+}
+
+fieldset .group-field-1 th,
+fieldset .group-header-2 th {
+ padding-: 1.5em;
+}
+
+fieldset .group-field-2 th,
+fieldset .group-header-3 th {
+ padding-: 3em;
+}
+
+fieldset .group-field-3 th {
+ padding-: 4.5em;
+}
+
+fieldset .disabled-field th,
+fieldset .disabled-field th small,
+fieldset .disabled-field td {
+ color: #666;
+ background-color: #ddd;
+}
+
+form.create_table_form fieldset.tblFooters,
+form#multi_edit_central_columns fieldset.tblFooters {
+ background: none;
+ border: none;
+}
+
+form#tableOptionsForm input[name="comment"], form#tableOptionsForm select[name="tbl_collation"] {
+ width: 130px;
+}
+
+form#formDatabaseComment .tblFooters,
+form#create_table_form_minimal .tblFooters,
+form#rename_db_form .tblFooters,
+form#copy_db_form .tblFooters,
+form#change_db_charset_form .tblFooters,
+form#alterTableOrderby .tblFooters,
+form#moveTableForm .tblFooters,
+form#copyTable .tblFooters,
+form#tableOptionsForm .tblFooters
+{
+ margin-top: -40px;
+}
+
+#create_table_form_minimal
+{
+ display: block;
+}
+
+#fieldset_zoom_search table th,
+#fieldset_zoom_search table td
+{
+ line-height: 35px;
+}
+
+#fieldset_table_qbe table th,
+#fieldset_table_qbe table td
+{
+ line-height: 35px;
+}
+
+#fieldset_delete_user_footer
+{
+ margin-top: -59px;
+}
+
+#db_or_table_specific_priv .tblFooters
+{
+ margin-top: -68px;
+}
+
+#edit_user_dialog,
+#add_user_dialog
+{
+ margin: 20px !important;
+}
+
+.config-form .lastrow {
+ padding: .5em;
+ text-align: center;
+}
+
+/* form elements */
+
+.config-form span.checkbox {
+ padding: 2px;
+ display: inline-block;
+}
+
+.config-form .custom { /* customized field */
+ background: #FFC;
+}
+
+.config-form span.checkbox.custom {
+ padding: 1px;
+ border: 1px #EDEC90 solid;
+ background: #FFC;
+}
+
+.config-form img.ic_s_reload {
+ -webkit-filter: invert(70%);
+ filter: invert(70%);
+}
+
+.config-form .field-error {
+ border-color: #A11 !important;
+}
+
+.config-form input[type="text"],
+.config-form input[type="password"],
+.config-form input[type="number"],
+.config-form select,
+.config-form textarea {
+ border: 1px #A7A6AA solid;
+ height: auto;
+}
+
+.config-form input[type="text"]:focus,
+.config-form input[type="password"]:focus,
+.config-form input[type="number"]:focus,
+.config-form select:focus,
+.config-form textarea:focus {
+ border: 1px #6676FF solid;
+ background: #F7FBFF;
+}
+
+.config-form .field-comment-mark {
+ font-family: serif;
+ color: #007;
+ cursor: help;
+ padding: 0 .2em;
+ font-weight: bold;
+ font-style: italic;
+}
+
+.config-form .field-comment-warning {
+ color: #A00;
+}
+
+/* error list */
+.config-form dd {
+ margin-: .5em;
+}
+
+.config-form dd:before {
+ content: "\25B8 ";
+}
+
+.click-hide-message {
+ cursor: pointer;
+}
+
+.prefsmanage_opts {
+ margin-: 2em;
+}
+
+#prefs_autoload {
+ margin-bottom: .5em;
+ margin-left: .5em;
+}
+
+#placeholder .button {
+ position: absolute;
+ cursor: pointer;
+}
+
+#placeholder div.button {
+ font-size: smaller;
+ color: #999;
+ background-color: #eee;
+ padding: 2px;
+}
+
+.wrapper {
+ float: ;
+ margin-bottom: 1.5em;
+}
+.toggleButton {
+ position: relative;
+ cursor: pointer;
+ font-size: .8em;
+ text-align: center;
+ line-height: 1.4em;
+ height: 1.55em;
+ overflow: hidden;
+ border-right: .1em solid #888;
+ border-left: .1em solid #888;
+}
+.toggleButton table,
+.toggleButton td,
+.toggleButton img {
+ padding: 0;
+ position: relative;
+}
+.toggleButton .container {
+ position: absolute;
+}
+.toggleButton .container td {
+ background-image: none;
+ background: none;
+}
+.toggleButton .toggleOn {
+ color: #fff;
+ padding: 0 1em;
+}
+.toggleButton .toggleOff {
+ padding: 0 1em;
+}
+
+.doubleFieldset fieldset {
+ width: 48%;
+ float: ;
+ padding: 0;
+}
+.doubleFieldset fieldset.left {
+ margin-: 1%;
+}
+.doubleFieldset fieldset.right {
+ margin-: 1%;
+}
+.doubleFieldset legend {
+ margin-: 1.5em;
+}
+.doubleFieldset div.wrap {
+ padding: 1.5em;
+}
+
+form.append_fields_form .tblFooters
+{
+ background: none;
+ border: none;
+}
+
+#table_columns input[type="text"],
+#table_columns input[type="password"],
+#table_columns input[type="number"],
+#table_columns input[type="date"],
+#table_columns select {
+ width: 10em;
+ box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+
+#table_columns select {
+ margin: 6px;
+}
+
+#placeholder {
+ position: relative;
+ border: 1px solid #aaa;
+ float: ;
+ overflow: hidden;
+}
+
+.placeholderDrag {
+ cursor: move;
+}
+
+#placeholder .button {
+ position: absolute;
+}
+
+#left_arrow {
+ left: 8px;
+ top: 26px;
+}
+
+#right_arrow {
+ left: 26px;
+ top: 26px;
+}
+
+#up_arrow {
+ left: 17px;
+ top: 8px;
+}
+
+#down_arrow {
+ left: 17px;
+ top: 44px;
+}
+
+#zoom_in {
+ left: 17px;
+ top: 67px;
+}
+
+#zoom_world {
+ left: 17px;
+ top: 85px;
+}
+
+#zoom_out {
+ left: 17px;
+ top: 103px;
+}
+
+.colborder {
+ cursor: col-resize;
+ height: 100%;
+ margin-: -6px;
+ position: absolute;
+ width: 5px;
+}
+
+.colborder_active {
+ border-: 2px solid #a44;
+}
+
+.pma_table td {
+ position: static;
+}
+
+.pma_table th.draggable span,
+.pma_table tbody td span {
+ display: block;
+ overflow: hidden;
+}
+
+.pma_table tbody td span code span {
+ display: inline;
+}
+
+.modal-copy input {
+ display: block;
+ width: 100%;
+ margin-top: 1.5em;
+ padding: .3em 0;
+}
+
+.cRsz {
+ position: absolute;
+}
+
+.cCpy {
+ background: #333;
+ color: #FFF;
+ font-weight: bold;
+ margin: .1em;
+ padding: .3em;
+ position: absolute;
+}
+
+.cPointer {
+ background: url(getImgPath('col_pointer.png');?>);
+ height: 20px;
+ margin-: -5px; /* must be minus half of its width */
+ margin-top: -10px;
+ position: absolute;
+ width: 10px;
+}
+
+.tooltip {
+ background: #333 !important;
+ opacity: .8 !important;
+ border: 1px solid #000 !important;
+ font-size: 10px !important;
+ font-weight: normal !important;
+ padding: 5px !important;
+ width: 260px;
+ line-height: 1.5;
+}
+
+.tooltip * {
+ background: none !important;
+ color: #FFF !important;
+}
+
+.cDrop {
+ left: 0;
+ position: absolute;
+ top: 0;
+}
+
+.coldrop {
+ background: url(getImgPath('col_drop.png');?>);
+ cursor: pointer;
+ height: 16px;
+ margin-: .3em;
+ margin-top: .3em;
+ position: absolute;
+ width: 16px;
+}
+
+.coldrop:hover,
+.coldrop-hover {
+ background-color: #999;
+}
+
+.cList {
+ background: #fff;
+ border: solid 1px #ccc;
+ position: absolute;
+}
+
+.cList .lDiv div {
+ padding: .2em .5em .2em;
+ padding-: .2em;
+}
+
+.cList .lDiv div:hover {
+ background: ;
+ cursor: pointer;
+ color: #fff;
+}
+
+.cList .lDiv div input {
+ cursor: pointer;
+}
+
+.showAllColBtn {
+ border-bottom: solid 1px #ccc;
+ border-top: solid 1px #ccc;
+ cursor: pointer;
+ font-size: .9em;
+ font-family: open sans bold;
+ padding: .35em 1em;
+ text-align: center;
+ font-weight: normal;
+}
+
+.showAllColBtn:hover {
+ background: ;
+ cursor: pointer;
+ color: #fff;
+}
+
+#page_content {
+ line-height: 1.5;
+}
+
+.navigation
+{
+ width: 100%;
+ background-color: ;
+ color: ;
+}
+
+.navigation td
+{
+ margin: 0;
+ padding: 0;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+.navigation_separator
+{
+ color: #eee;
+ display: inline-block;
+ font-size: 1.5em;
+ text-align: center;
+ height: 1.4em;
+}
+
+.navigation input[type=submit]
+{
+ background: ;
+ border: none;
+ filter: none;
+ margin: 5px;
+ padding: 0.4em;
+}
+
+.navigation input[type=submit]:hover, .navigation input.edit_mode_active
+{
+ color: ;
+ cursor: pointer;
+ background-color: ;
+}
+
+.navigation select
+{
+ margin: 0 0.8em;
+ border: none;
+}
+
+.navigation input[type=text]
+{
+ border: none;
+}
+
+.navigation_goto
+{
+ width: 100%;
+}
+
+.insertRowTable td, .insertRowTable th
+{
+ vertical-align: middle;
+}
+
+.cEdit {
+ margin: 0;
+ padding: 0;
+ position: absolute;
+}
+
+.cEdit input[type=text],
+.cEdit input[type=password],
+.cEdit input[type=number] {
+ background: #FFF;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+.cEdit .edit_area {
+ background: #FFF;
+ border: 1px solid #999;
+ min-width: 10em;
+ padding: .3em .5em;
+}
+
+.cEdit .edit_area select,
+.cEdit .edit_area textarea {
+ width: 97%;
+}
+
+.cEdit .cell_edit_hint {
+ color: #555;
+ font-size: .8em;
+ margin: .3em .2em;
+}
+
+.cEdit .edit_box {
+ overflow-x: hidden;
+ overflow-y: scroll;
+ padding: 0;
+ margin-top: 10px;
+}
+
+.cEdit .edit_box_posting {
+ background: #FFF url(getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
+ padding-: 1.5em;
+}
+
+.cEdit .edit_area_loading {
+ background: #FFF url(getImgPath('ajax_clock_small.gif');?>) no-repeat center;
+ height: 10em;
+}
+
+.cEdit .goto_link {
+ background: #EEE;
+ color: #555;
+ padding: .2em .3em;
+}
+
+.saving_edited_data {
+ background: url(getImgPath('ajax_clock_small.gif');?>) no-repeat left;
+ padding-: 20px;
+}
+
+.relationalTable select {
+ width: 125px;
+ margin-right: 5px;
+}
+
+/* css for timepicker */
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: ; }
+.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 85px; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+.ui-timepicker-rtl { direction: rtl; }
+.ui-timepicker-rtl dl { text-align: right; }
+.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
+
+input.btn {
+ color: #333;
+ background-color: #D0DCE0;
+}
+
+body .ui-widget {
+ font-size: 1em;
+}
+
+.ui-dialog fieldset legend a {
+ color: #235A81;
+}
+
+.report-data {
+ height:13em;
+ overflow:scroll;
+ width:570px;
+ border: solid 1px;
+ background: white;
+ padding: 2px;
+}
+
+.report-description {
+ height:10em;
+ width:570px;
+}
+
+div#page_content div#tableslistcontainer table.data {
+ border-top: 0.1px solid #EEEEEE;
+}
+
+div#page_content div#tableslistcontainer, div#page_content div.notice, div#page_content div.result_query {
+ margin-top: 1em;
+}
+
+table.show_create {
+ margin-top: 1em;
+}
+
+table.show_create td {
+ border-right: 1px solid #bbb;
+}
+
+#alias_modal table th {
+ vertical-align: middle;
+ padding-left: 1em;
+}
+
+#alias_modal label.col-2 {
+ min-width: 20%;
+ display: inline-block;
+}
+
+#alias_modal select {
+ width: 25%;
+ margin-right: 2em;
+}
+
+#alias_modal label {
+ font-weight: bold;
+}
+
+.small_font {
+ font-size: smaller;
+}
+
+/* Console styles */
+#pma_console_container {
+ width: 100%;
+ position: fixed;
+ bottom: 0;
+ : 0;
+ z-index: 100;
+}
+#pma_console {
+ position: relative;
+ margin-: 250px;
+}
+#pma_console .templates {
+ display: none;
+}
+#pma_console .mid_text,
+#pma_console .toolbar span {
+ vertical-align: middle;
+}
+#pma_console .toolbar {
+ position: relative;
+ background: ;
+ border-top: solid 1px #ccc;
+ cursor: n-resize;
+}
+#pma_console .toolbar.collapsed:not(:hover) {
+ display: inline-block;
+ border-: solid 1px #ccc;
+}
+#pma_console .toolbar.collapsed {
+ cursor: default;
+}
+#pma_console .toolbar.collapsed>.button {
+ display: none;
+}
+#pma_console .message span.text,
+#pma_console .message span.action,
+#pma_console .toolbar .button,
+#pma_console .toolbar .text,
+#pma_console .switch_button {
+ padding: 0 3px;
+ display: inline-block;
+}
+#pma_console .message span.action,
+#pma_console .toolbar .button,
+#pma_console .switch_button {
+ cursor: pointer;
+}
+#pma_console .toolbar .text {
+ font-weight: bold;
+}
+#pma_console .toolbar .button,
+#pma_console .toolbar .text {
+ margin-: .4em;
+}
+#pma_console .toolbar .button,
+#pma_console .toolbar .text {
+ float: ;
+}
+#pma_console .content {
+ overflow-x: hidden;
+ overflow-y: auto;
+ margin-bottom: -65px;
+ border-top: solid 1px #ccc;
+ background: #fff;
+ padding-top: .4em;
+}
+#pma_console .content.console_dark_theme {
+ background: #000;
+ color: #fff;
+}
+#pma_console .content.console_dark_theme .CodeMirror-wrap {
+ background: #000;
+ color: #fff;
+}
+#pma_console .content.console_dark_theme .action_content {
+ color: #000;
+}
+#pma_console .content.console_dark_theme .message {
+ border-color: #373B41;
+}
+#pma_console .content.console_dark_theme .CodeMirror-cursor {
+ border-color: #fff;
+}
+#pma_console .content.console_dark_theme .cm-keyword {
+ color: #de935f;
+}
+#pma_console .message,
+#pma_console .query_input {
+ position: relative;
+ font-family: Monaco, Consolas, monospace;
+ cursor: text;
+ margin: 0 10px .2em 1.4em;
+}
+#pma_console .message {
+ border-bottom: solid 1px #ccc;
+ padding-bottom: .2em;
+}
+#pma_console .message.expanded>.action_content {
+ position: relative;
+}
+#pma_console .message:before,
+#pma_console .query_input:before {
+ left: -0.7em;
+ position: absolute;
+ content: ">";
+}
+#pma_console .query_input:before {
+ top: -2px;
+}
+#pma_console .query_input textarea {
+ width: 100%;
+ height: 4em;
+ resize: vertical;
+}
+#pma_console .message:hover:before {
+ color: #7cf;
+ font-weight: bold;
+}
+#pma_console .message.expanded:before {
+ content: "]";
+}
+#pma_console .message.welcome:before {
+ display: none;
+}
+#pma_console .message.failed:before,
+#pma_console .message.failed.expanded:before,
+#pma_console .message.failed:hover:before {
+ content: "=";
+ color: #944;
+}
+#pma_console .message.pending:before {
+ opacity: .3;
+}
+#pma_console .message.collapsed>.query {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#pma_console .message.expanded>.query {
+ display: block;
+ white-space: pre;
+ word-wrap: break-word;
+}
+#pma_console .message .text.targetdb,
+#pma_console .message.collapsed .action.collapse,
+#pma_console .message.expanded .action.expand,
+#pma_console .message .action.requery,
+#pma_console .message .action.profiling,
+#pma_console .message .action.explain,
+#pma_console .message .action.bookmark {
+ display: none;
+}
+#pma_console .message.select .action.profiling,
+#pma_console .message.select .action.explain,
+#pma_console .message.history .text.targetdb,
+#pma_console .message.successed .text.targetdb,
+#pma_console .message.history .action.requery,
+#pma_console .message.history .action.bookmark,
+#pma_console .message.bookmark .action.requery,
+#pma_console .message.bookmark .action.bookmark,
+#pma_console .message.successed .action.requery,
+#pma_console .message.successed .action.bookmark {
+ display: inline-block;
+}
+#pma_console .message .action_content {
+ position: absolute;
+ bottom: 100%;
+ background: #ccc;
+ border: solid 1px #aaa;
+}
+html.ie8 #pma_console .message .action_content {
+ position: relative!important;
+}
+#pma_console .message.bookmark .text.targetdb,
+#pma_console .message .text.query_time {
+ margin: 0;
+ display: inline-block;
+}
+#pma_console .message.failed .text.query_time,
+#pma_console .message .text.failed {
+ display: none;
+}
+#pma_console .message.failed .text.failed {
+ display: inline-block;
+}
+#pma_console .message .text {
+ background: #fff;
+}
+#pma_console .message.collapsed>.action_content {
+ display: none;
+}
+#pma_console .message.collapsed:hover>.action_content {
+ display: block;
+}
+#pma_console .message .bookmark_label {
+ padding: 0 4px;
+ top: 0;
+ background: #369;
+ color: #fff;
+}
+#pma_console .message .bookmark_label.shared {
+ background: #396;
+}
+#pma_console .query_input {
+ position: relative;
+}
+#pma_console .mid_layer {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ /* For support IE8, this layer doesn't use filter:opacity or opacity,
+ js code will fade this layer opacity to 0.18(using animation) */
+ background: #ccc;
+ display: none;
+ cursor: pointer;
+ z-index: 200;
+}
+#pma_console .card {
+ position: absolute;
+ width: 94%;
+ height: 100%;
+ min-height: 48px;
+ : 100%;
+ top: 0;
+ border-: solid 1px #999;
+ z-index: 300;
+ transition: 0.2s;
+ -ms-transition: 0.2s;
+ -webkit-transition: 0.2s;
+ -moz-transition: 0.2s;
+}
+#pma_console .card.show {
+ : 6%;
+}
+
+html.ie7 #pma_console .query_input {
+ display: none;
+}
+
+#pma_bookmarks .content.add_bookmark,
+#pma_console_options .content {
+ padding: 4px 6px;
+}
+#pma_bookmarks .content.add_bookmark .options {
+ margin-: 1.4em;
+ padding-bottom: .4em;
+ margin-bottom: .4em;
+ border-bottom: solid 1px #ccc;
+}
+#pma_bookmarks .content.add_bookmark .options button {
+ margin: 0 7px;
+ vertical-align: bottom;
+}
+#pma_bookmarks .content.add_bookmark input[type=text] {
+ margin: 0;
+ padding: 2px 4px;
+}
+#pma_console .button.hide,
+#pma_console .message span.text.hide {
+ display: none;
+}
+#debug_console.grouped .ungroup_queries,
+#debug_console.ungrouped .group_queries {
+ display: inline-block;
+}
+#debug_console.ungrouped .ungroup_queries,
+#debug_console.ungrouped .sort_count,
+#debug_console.grouped .group_queries {
+ display: none;
+}
+#debug_console .count {
+ margin-right: 8px;
+}
+#debug_console .show_trace .trace,
+#debug_console .show_args .args {
+ display: block;
+}
+#debug_console .hide_trace .trace,
+#debug_console .hide_args .args,
+#debug_console .show_trace .action.dbg_show_trace,
+#debug_console .hide_trace .action.dbg_hide_trace,
+#debug_console .traceStep.hide_args .action.dbg_hide_args,
+#debug_console .traceStep.show_args .action.dbg_show_args {
+ display: none;
+}
+
+#debug_console .traceStep:after,
+#debug_console .trace.welcome:after,
+#debug_console .debug>.welcome:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+#debug_console .debug_summary {
+ float: left;
+}
+#debug_console .trace.welcome .time {
+ float: right;
+}
+#debug_console .traceStep .file,
+#debug_console .script_name {
+ float: right;
+}
+#debug_console .traceStep .args pre {
+ margin: 0;
+}
+
+/* Code mirror console style*/
+
+.cm-s-pma .CodeMirror-code pre,
+.cm-s-pma .CodeMirror-code {
+ font-family: Monaco, Consolas, monospace;
+}
+.cm-s-pma .CodeMirror-measure>pre,
+.cm-s-pma .CodeMirror-code>pre,
+.cm-s-pma .CodeMirror-lines {
+ padding: 0;
+}
+.cm-s-pma.CodeMirror {
+ resize: none;
+ height: auto;
+ width: 100%;
+ min-height: initial;
+ max-height: initial;
+}
+.cm-s-pma .CodeMirror-scroll {
+ cursor: text;
+}
+
+/* PMA drop-improt style */
+
+.pma_drop_handler {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ background: rgba(0, 0, 0, 0.6);
+ height: 100%;
+ z-index: 999;
+ color: white;
+ font-size: 30pt;
+ text-align: center;
+ padding-top: 20%;
+}
+
+.pma_sql_import_status {
+ display: none;
+ position: fixed;
+ bottom: 0;
+ right: 25px;
+ width: 400px;
+ border: 1px solid #999;
+ background: #f3f3f3;
+}
+
+.pma_sql_import_status h2,
+.pma_drop_result h2 {
+ background-color: #bbb;
+ padding: .1em .3em;
+ margin-top: 0;
+ margin-bottom: 0;
+ color: #fff;
+ font-size: 1.6em;
+ font-weight: normal;
+}
+
+.pma_sql_import_status div {
+ height: 270px;
+ overflow-y:auto;
+ overflow-x:hidden;
+ list-style-type: none;
+}
+
+.pma_sql_import_status div li {
+ padding: 8px 10px;
+ border-bottom: 1px solid #bbb;
+ color: rgb(148, 14, 14);
+ background: white;
+}
+
+.pma_sql_import_status div li .filesize {
+ float: right;
+}
+
+.pma_sql_import_status h2 .minimize {
+ float: right;
+ margin-right: 5px;
+ padding: 0 10px;
+}
+
+.pma_sql_import_status h2 .close {
+ float: right;
+ margin-right: 5px;
+ padding: 0 10px;
+ display: none;
+}
+
+.pma_sql_import_status h2 .minimize:hover,
+.pma_sql_import_status h2 .close:hover,
+.pma_drop_result h2 .close:hover {
+ background: rgba(155, 149, 149, 0.78);
+ cursor: pointer;
+}
+
+.pma_drop_file_status {
+ color: #235a81;
+}
+
+.pma_drop_file_status span.underline:hover {
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+.pma_drop_result {
+ position: fixed;
+ top: 10%;
+ left: 20%;
+ width: 60%;
+ background: white;
+ min-height: 300px;
+ z-index: 800;
+ cursor: move;
+}
+
+.pma_drop_result h2 .close {
+ float: right;
+ margin-right: 5px;
+ padding: 0 10px;
+}
+
+.dependencies_box {
+ background-color: white;
+ border: 3px ridge black;
+}
+
+#composite_index_list {
+ list-style-type: none;
+ list-style-position: inside;
+}
+
+span.drag_icon {
+ display: inline-block;
+ background-image: url('getImgPath('s_sortable.png');?>');
+ background-position: center center;
+ background-repeat: no-repeat;
+ width: 1em;
+ height: 3em;
+ cursor: move;
+}
+
+.topmargin {
+ margin-top: 1em;
+}
+
+meter[value="1"]::-webkit-meter-optimum-value {
+ background: linear-gradient(white 3%, #E32929 5%, transparent 10%, #E32929);
+}
+meter[value="2"]::-webkit-meter-optimum-value {
+ background: linear-gradient(white 3%, #FF6600 5%, transparent 10%, #FF6600);
+}
+meter[value="3"]::-webkit-meter-optimum-value {
+ background: linear-gradient(white 3%, #FFD700 5%, transparent 10%, #FFD700);
+}
+
+/* styles for sortable tables created with tablesorter jquery plugin */
+th.header {
+ cursor: pointer;
+ color: #235a81;
+}
+
+th.header:hover {
+ text-decoration: underline;
+}
+
+th.header .sorticon {
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ background-position: right center;
+ display: inline-table;
+ vertical-align: middle;
+ float: right;
+}
+
+th.headerSortUp .sorticon, th.headerSortDown:hover .sorticon {
+ background-image: url(getImgPath('s_desc.png');?>);
+}
+
+th.headerSortDown .sorticon, th.headerSortUp:hover .sorticon {
+ background-image: url(getImgPath('s_asc.png');?>);
+}
+/* end of styles of sortable tables */
+
+/* styles for jQuery-ui to support rtl languages */
+body .ui-dialog .ui-dialog-titlebar-close {
+ : .3em;
+ : initial;
+}
+
+body .ui-dialog .ui-dialog-title {
+ float: ;
+}
+
+body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+ float: ;
+}
+/* end of styles for jQuery-ui to support rtl languages */
+
+/* Override some jQuery-ui styling to have square corners */
+body .ui-corner-all,
+body .ui-corner-top,
+body .ui-corner-left,
+body .ui-corner-tl {
+ border-top-left-radius: 0;
+}
+body .ui-corner-all,
+body .ui-corner-top,
+body .ui-corner-right,
+body .ui-corner-tr {
+ border-top-right-radius: 0;
+}
+body .ui-corner-all,
+body .ui-corner-bottom,
+body .ui-corner-left,
+body .ui-corner-bl {
+ border-bottom-left-radius: 0;
+}
+body .ui-corner-all,
+body .ui-corner-bottom,
+body .ui-corner-right,
+body .ui-corner-br {
+ border-bottom-right-radius: 0;
+}
+/* Override jQuery-ui styling for ui-dialog */
+body .ui-dialog {
+ padding: 0;
+}
+body .ui-dialog .ui-widget-header {
+ color: ;
+ border: none;
+ background-color: ;
+ background-image: none;
+}
+body .ui-dialog .ui-dialog-title {
+ padding: 5px;
+ font-weight: normal;
+}
+body .ui-dialog .ui-dialog-buttonpane button {
+ font-family: ;
+ color: ;
+ background-color: ;
+ background-image: none;
+ border: 1px solid ;
+}
+body .ui-dialog .ui-dialog-buttonpane button.ui-state-hover {
+ background-color: ;
+ border: 1px solid ;
+}
+body .ui-dialog .ui-dialog-buttonpane button.ui-state-active {
+ background-color: #333;
+ border: 1px solid #333;
+}
diff --git a/themes/metro/css/designer.css.php b/themes/metro/css/designer.css.php
new file mode 100644
index 0000000000..af2e8c54e9
--- /dev/null
+++ b/themes/metro/css/designer.css.php
@@ -0,0 +1,470 @@
+
+
+/* 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.designer {
+ display: inline-block;
+ overflow: hidden;
+ text-align: left;
+}
+
+canvas.designer * {
+ behavior: url(#default#VML);
+}
+
+.designer_tab {
+ color: #333;
+ border-collapse: collapse;
+ border: 1px solid #ccc;
+ z-index: 1;
+ -moz-user-select: none;
+}
+
+.designer_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:hover, .tab_field_3:hover {
+ background-color: #CCFFCC;
+ color: #000;
+ background-repeat: repeat-x;
+ cursor: default;
+}
+
+.tab_field_3 {
+ background-color: #FFE6E6; /*#DDEEFF*/
+ color: #000;
+ cursor: default;
+}
+
+#designer_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;
+}
+
+.designer_Tabs {
+ cursor: default;
+ color: #333;
+ white-space: nowrap;
+ text-decoration: none;
+ text-indent: 3px;
+ margin-left: 2px;
+ text-align: ;
+ border: #ccc solid 0;
+}
+
+.designer_Tabs:hover {
+ cursor: default;
+ color: #666;
+ background: #eee;
+ text-indent: 3px;
+ white-space: nowrap;
+ text-decoration: none;
+ border: #eee solid 0;
+ text-align: ;
+}
+
+.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_tab:hover {
+ 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_pref:hover {
+ 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_1:hover {
+ 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;
+}
+
+.designer_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;
+}
+
+.designer_header a {
+ display: block;
+ float: ;
+ margin: 3px 1px 4px;
+ height: 20px;
+}
+
+.designer_header .M_bord {
+ display: block;
+ float: ;
+ margin: 4px;
+ height: 20px;
+ width: 2px;
+}
+
+.designer_header a.first {
+ margin-right: 1em;
+}
+
+.designer_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: 0;
+}
+
+#layer_menu.left {
+ float: left;
+ margin-left: -20px;
+}
+
+.content_fullscreen #layer_menu.left {
+ margin-left: 0;
+}
+
+#layer_upd_relation {
+ position: absolute;
+ : 637px;
+ top: 224px;
+ z-index: 100;
+}
+
+#layer_new_relation {
+ position: absolute;
+ : 636px;
+ top: 85px;
+ z-index: 100;
+ width: 153px;
+}
+
+#designer_optionse {
+ position: absolute;
+ : 636px;
+ top: 85px;
+ z-index: 100;
+ width: 153px;
+}
+
+#layer_menu_sizer {
+ background-image: url(getImgPath('designer/resize.png'); ?>);
+ cursor: ew-resize;
+}
+
+#layer_menu_sizer .icon {
+ margin: 0;
+}
+
+.panel {
+ position: fixed;
+ top: 90px;
+ : 0;
+ width: 350px;
+ max-height: 500px;
+ display: none;
+ overflow: auto;
+ padding-top: 34px;
+ z-index: 102;
+}
+
+a.trigger {
+ position: fixed;
+ text-decoration: none;
+ top: 90px;
+ : 0;
+ color: #fff;
+ padding: 10px 40px 10px 15px;
+ background: #333 url(getImgPath('designer/plus.png'); ?>) 85% 55% no-repeat;
+ border: 1px solid #444;
+ display: block;
+ z-index: 102;
+}
+
+a.trigger:hover {
+ color: #080808;
+ background: #fff696 url(getImgPath('designer/plus.png'); ?>) 85% 55% no-repeat;
+ border: 1px solid #999;
+}
+
+a.active.trigger {
+ background: #222 url(getImgPath('designer/minus.png'); ?>) 85% 55% no-repeat;
+ z-index: 999;
+}
+
+a.active.trigger:hover {
+ background: #fff696 url(getImgPath('designer/minus.png'); ?>) 85% 55% no-repeat;
+}
+
+.toggle_container .block {
+ background-color: ;
+ border-top: 1px solid #999;
+}
+
+.toggle_container .block img.ic_s_info {
+ -webkit-filter: invert(70%);
+ filter: invert(70%);
+}
+
+.history_table {
+ opacity: 1.0;
+ cursor: pointer;
+}
+
+.history_table2 {
+ opacity: 0.7;
+}
+
+#ab {
+ min-width: 300px;
+}
+
+#ab .ui-accordion-content {
+ padding: 0;
+}
+
+#box {
+ display: none;
+}
+
+#foreignkeychk {
+ text-align: ;
+ position: absolute;
+ cursor: pointer;
+}
+
+.side-menu {
+ float: left;
+ position: fixed;
+ width: auto;
+ height: auto;
+ background: #efefef;
+ border: 1px solid #ccc;
+ border-top: 0;
+ overflow: hidden;
+ z-index: 50;
+ padding: 2px;
+ margin-top: 0;
+ margin-left: -20px;
+}
+
+.content_fullscreen .side-menu {
+ margin-left: 0;
+}
+
+.side-menu.right {
+ float: right;
+ right: 0;
+}
+
+.content_fullscreen .side-menu.right {
+ margin-right: 0;
+}
+
+.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: 0;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+#container-form {
+ width: 100%;
+ position: absolute;
+ left: 0;
+}
diff --git a/themes/metro/css/enum_editor.css.php b/themes/metro/css/enum_editor.css.php
new file mode 100644
index 0000000000..101a2ccd0f
--- /dev/null
+++ b/themes/metro/css/enum_editor.css.php
@@ -0,0 +1,73 @@
+
+
+/**
+ * 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-: 1em;
+}
+
+#enum_editor .values td.drop {
+ width: 1.8em;
+ cursor: pointer;
+ vertical-align: middle;
+}
+
+#enum_editor .values input {
+ margin: .1em 0;
+ padding-: 2em;
+ width: 100%;
+}
+
+#enum_editor .values img {
+ width: 1.8em;
+ vertical-align: middle;
+}
+
+#enum_editor input.add_value {
+ margin: 0;
+ margin-: 0.4em;
+}
+
+#enum_editor_output textarea {
+ width: 100%;
+ float: ;
+ margin: 1em 0 0 0;
+}
+
+/**
+ * ENUM/SET editor integration for the routines editor
+ */
+.enum_hint {
+ position: relative;
+}
+
+.enum_hint a {
+ position: absolute;
+ : 81%;
+ bottom: .35em;
+}
diff --git a/themes/metro/css/gis.css.php b/themes/metro/css/gis.css.php
new file mode 100644
index 0000000000..a91c8098b0
--- /dev/null
+++ b/themes/metro/css/gis.css.php
@@ -0,0 +1,45 @@
+
+
+/**
+ * GIS data editor styles
+ */
+a.close_gis_editor {
+ float: ;
+}
+
+#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/metro/css/jqplot.css.php b/themes/metro/css/jqplot.css.php
new file mode 100644
index 0000000000..c48b5f663e
--- /dev/null
+++ b/themes/metro/css/jqplot.css.php
@@ -0,0 +1,269 @@
+
+
+/* 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-: 10px;
+}
+
+.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+/*rules applied to all axis tick divs*/
+.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
+ position: absolute;
+ white-space: pre;
+}
+
+
+.jqplot-xaxis-tick {
+ top: 0;
+ /* initial position untill tick is drawn in proper place */
+ : 15px;
+/* padding-top: 10px;*/
+ vertical-align: top;
+}
+
+.jqplot-x2axis-tick {
+ bottom: 0;
+ /* initial position untill tick is drawn in proper place */
+ : 15px;
+/* padding-bottom: 10px;*/
+ vertical-align: bottom;
+}
+
+.jqplot-yaxis-tick {
+ : 0;
+ /* initial position untill tick is drawn in proper place */
+ top: 15px;
+/* padding-right: 10px;*/
+ text-align: ;
+}
+
+.jqplot-yaxis-tick.jqplot-breakTick {
+ : -20px;
+ margin-: 0;
+ 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 {
+ : 0;
+ /* initial position untill tick is drawn in proper place */
+ top: 15px;
+/* padding-left: 10px;*/
+/* padding-right: 15px;*/
+ text-align: ;
+}
+
+.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-: 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: 0;
+}
+*/
+
+td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
+ cursor: pointer;
+}
+
+.jqplot-table-legend .jqplot-series-hidden {
+ text-decoration: line-through;
+}
+
+div.jqplot-table-legend-swatch-outline {
+ border: 1px solid #cccccc;
+ padding: 1px;
+}
+
+div.jqplot-table-legend-swatch {
+ width: 0;
+ height: 0;
+ border-top-width: 5px;
+ border-bottom-width: 5px;
+ border-left-width: 6px;
+ border-right-width: 6px;
+ border-top-style: solid;
+ border-bottom-style: solid;
+ border-left-style: solid;
+ border-right-style: solid;
+}
+
+.jqplot-title {
+ top: 0;
+ : 0;
+ 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);
+}
diff --git a/themes/metro/css/navigation.css.php b/themes/metro/css/navigation.css.php
new file mode 100644
index 0000000000..2f1205ef1a
--- /dev/null
+++ b/themes/metro/css/navigation.css.php
@@ -0,0 +1,490 @@
+
+
+/******************************************************************************/
+/* Navigation */
+
+#pma_navigation {
+ width: px;
+ overflow: hidden;
+ position: fixed;
+ top: 0;
+ : 0;
+ height: 100%;
+ background: ;
+ color: ;
+ z-index: 800;
+}
+
+#pma_navigation select,
+#pma_navigation#recentTable
+{
+}
+
+#pma_navigation input[type=text]
+{
+ background-color: ;
+ font-family: ;
+}
+
+#pma_navigation a img
+{
+ border: 0;
+}
+
+#pma_navigation a:link,
+#pma_navigation a:visited,
+#pma_navigation a:active
+{
+ text-decoration: none;
+ color: ;
+}
+
+#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;
+ : 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-: 0.75em;
+ border-: 1px solid #666;
+}
+
+#pma_navigation #pmalogo:after
+{
+ font-family: 'Open Sans Extrabold';
+ text-transform: uppercase;
+ margin-left: 5px;
+ content: 'phpMyAdmin';
+}
+
+#pma_navigation #pmalogo
+{
+ margin: 0;
+ padding: 12px;
+ background: ;
+ color: ;
+ 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: ;
+}
+
+div#left_tableList li a:first-child:before
+{
+ color: ;
+ font-family: 'IcoMoon';
+ content: "";
+ margin: 10px;
+}
+
+div#left_tableList li:hover a:first-child:before
+{
+ color: ;
+}
+
+img.ic_b_home, img.ic_s_loggoff, img.ic_b_docs, img.ic_b_sqlhelp, img.ic_s_reload
+{
+ -webkit-filter: invert(70%);
+ filter: invert(70%);
+}
+
+#navipanellinks a
+{
+ display: inline-block;
+ height: 16px;
+ width: 16px;
+ color: ;
+ margin-right: 10px;
+ padding: 5px;
+ font-size: 15px;
+}
+
+#navipanellinks a:hover
+{
+ color: ;
+}
+
+#pma_navigation #serverChoice,
+#pma_navigation #databaseList,
+#pma_navigation div.pageselector.dbselector {
+ text-align: center;
+ padding: 5px 10px 0;
+ border: 0;
+}
+
+#pma_navigation_content > img.throbber {
+ display: none;
+ margin: .3em auto 0;
+}
+
+/* Navigation tree*/
+#pma_navigation_tree {
+ margin: 0;
+ margin-: 10px;
+ overflow: hidden;
+ height: 74%;
+ position: relative;
+}
+#pma_navigation_select_database {
+ text-align: left;
+ padding: 0 0 0;
+ border: 0;
+ margin: 0;
+}
+
+#pma_navigation_db_select {
+ margin-top: 0.5em;
+ margin-: 0.75em;
+}
+#pma_navigation_db_select select {
+ border: 1px solid #bbb;
+ border-top: 1px solid #bbb;
+ color: #333;
+ padding: 4px 6px;
+ margin: 0 0 0;
+ 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: ;
+}
+#pma_navigation_tree a:hover {
+ text-decoration: none;
+ color: ;
+}
+#pma_navigation_tree li.activePointer {
+ color: ;
+}
+#pma_navigation_tree li.selected {
+ color: ;
+}
+#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: ;
+}
+#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;
+ : 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-: 1px solid #616161;
+ border-bottom: 1px solid #616161;
+ position: relative;
+ z-index: 0;
+}
+#pma_navigation_tree div.block i.first { /* Removes top segment */
+ border-: 0;
+}
+#pma_navigation_tree div.block b { /* Bottom segment for the tree element connections */
+ display: block;
+ height: 0.75em;
+ bottom: 0;
+ : 0.75em;
+ border-: 1px solid #616161;
+}
+#pma_navigation_tree div.block a,
+#pma_navigation_tree div.block u {
+ position: absolute;
+ : 50%;
+ top: 50%;
+ z-index: 10;
+}
+#pma_navigation_tree div.block a + a {
+ : 100%;
+}
+#pma_navigation_tree div.block.double a,
+#pma_navigation_tree div.block.double u {
+ : 33%;
+}
+#pma_navigation_tree div.block.double a + a {
+ : 85%;
+}
+#pma_navigation_tree div.block img {
+ position: relative;
+ top: -0.6em;
+ : 0;
+ margin-: -7px;
+}
+#pma_navigation_tree div.throbber img {
+ top: 2px;
+ : 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-: 0.3em;
+}
+#pma_navigation_tree .list_container {
+ border-: 1px solid #616161;
+ margin-: 0.75em;
+ padding-: 0.75em;
+}
+#pma_navigation_tree .last > .list_container {
+ border-: 0 solid #616161;
+}
+
+/* Fast filter */
+li.fast_filter {
+ padding-: 0.75em;
+ margin-: 0.75em;
+ padding-: 15px;
+ border-: 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;
+ : 1.5em;
+ padding: 0.2em;
+ cursor: pointer;
+ font-weight: bold;
+ color: #800;
+}
+li.fast_filter.db_fast_filter {
+ border: 0;
+ margin-left: 0;
+ 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;
+ : 250px;
+ z-index: 801;
+}
+
+#pma_navigation_collapser {
+ width: 20px;
+ padding-top: 4px;
+ padding-bottom: 12px;
+ background: ;
+ border-bottom: 1px solid ;
+ line-height: 22px;
+ color: #fff;
+ position: fixed;
+ top: 0;
+ : px;
+ text-align: center;
+ cursor: pointer;
+ z-index: 801;
+}
+
+/* Quick warp links */
+.pma_quick_warp {
+ margin-top: 5px;
+ margin-: 10px;
+ position: relative;
+}
+.pma_quick_warp .drop_list {
+ float: ;
+ margin-: 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%;
+ : 3px;
+ : 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;
+}
diff --git a/themes/metro/css/printview.css b/themes/metro/css/printview.css
new file mode 100644
index 0000000000..7ffdcdaffd
--- /dev/null
+++ b/themes/metro/css/printview.css
@@ -0,0 +1,176 @@
+@media print {
+ #back_button_print_view, #print_button_print_view {
+ display: none;
+ }
+}
+
+/* For removing element from Print View */
+.print_ignore {
+ display: none;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+.hide {
+ display: none;
+}
+
+/* Standard CSS */
+body, table, th, td {
+ color: #000;
+ background-color: #fff;
+ font-size: 12px;
+}
+
+/* To remove link text decoration */
+a:link {
+ color:#000;
+ text-decoration:none
+}
+
+/* To remove any image borders */
+img {
+ border: 0;
+}
+
+/* Table specific */
+table, th, td {
+ border: .1em solid #000;
+ background-color: #fff;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0.2em;
+}
+
+thead {
+ border-collapse: collapse;
+ border-spacing: 0.2em;
+ border: .1em solid #000;
+ font-weight: 900;
+}
+
+th, td {
+ padding: 0.2em;
+}
+
+thead th {
+ font-weight: bold;
+ background-color: #e5e5e5;
+ border: .1em solid #000;
+}
+
+th.vtop, td.vtop {
+ vertical-align: top;
+}
+
+th.vbottom, td.vbottom {
+ vertical-align: bottom;
+}
+
+th.column_heading, th.column_action {
+ border: .1em solid #000;
+}
+
+table tr.odd, table tr.even {
+ border-left: .1em solid #000;
+}
+
+table tr.odd th, table tr.even th, table.data th {
+ border-bottom: .1em solid #000;
+}
+
+/* Common Elements not to be included */
+/* Hide Navigation and Top Menu bar */
+#pma_navigation, #floating_menubar {
+ display: none;
+}
+/* Hide console */
+#pma_console_container {
+ display: none;
+}
+
+/* Hide Navigation items (like Goto Top) */
+#page_nav_icons {
+ display: none;
+}
+
+/* Hide the Create Table form */
+#create_table_form_minimal {
+ display: none;
+}
+
+/* Hide the Page Settings Modal box */
+#page_settings_modal {
+ display: none;
+}
+
+/* Hide footer, Demo notice, errors div */
+#pma_footer, #pma_demo, #pma_errors {
+ display: none;
+}
+
+/* Hide the #selflink div */
+#selflink {
+ display: none;
+}
+
+/* Position the main content */
+#page_content {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 95%;
+ float: none;
+}
+
+/* Specific Class for overriding while Print */
+.print {
+ background-color: #000;
+}
+
+/* For the Success message div */
+.sqlOuter {
+ color: black;
+}
+
+/* For hiding 'Open a New phpMyAdmin Window' button */
+.ic_window-new, .ic_s_cog {
+ display: none;
+}
+
+.sticky_columns tr {
+ display: none;
+}
+
+#structure-action-links, #addColumns {
+ display: none;
+}
+
+/* Hide extra menu on tbl_structure.php */
+#topmenu2 {
+ display: none;
+}
+
+.cDrop, .cEdit, .cList, .cCpy, .cPointer {
+ display: none;
+}
+
+/* odd items 1,3,5,7,... */
+table tbody:first-of-type tr:nth-child(odd),
+table tbody:first-of-type tr:nth-child(odd) th {
+ background: #fff;
+}
+
+/* even items 2,4,6,8,... */
+table tbody:first-of-type tr:nth-child(even),
+table tbody:first-of-type tr:nth-child(even) th {
+ background: #dfdfdf;
+}
+
+.column_attribute {
+ font-size: 100%;
+}
diff --git a/themes/metro/css/resizable-menu.css.php b/themes/metro/css/resizable-menu.css.php
new file mode 100644
index 0000000000..e005a66be0
--- /dev/null
+++ b/themes/metro/css/resizable-menu.css.php
@@ -0,0 +1,44 @@
+
+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;
+ : 0;
+}
+
+ul.resizable-menu li:hover ul,
+ul.resizable-menu .submenuhover ul {
+ display: block;
+ background: #fff;
+}
+
+ul.resizable-menu ul li {
+ width: 100%;
+}
diff --git a/themes/metro/css/rte.css.php b/themes/metro/css/rte.css.php
new file mode 100644
index 0000000000..25869aee71
--- /dev/null
+++ b/themes/metro/css/rte.css.php
@@ -0,0 +1,37 @@
+
+
+.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 input[type=checkbox],
+.rte_table input[type=radio] {
+ width: auto;
+ margin-right: 6px;
+}
+
+.rte_table .routine_params_table {
+ width: 100%;
+}
diff --git a/themes/metro/fonts/IcoMoon.eot b/themes/metro/fonts/IcoMoon.eot
new file mode 100644
index 0000000000..f0e6767001
Binary files /dev/null and b/themes/metro/fonts/IcoMoon.eot differ
diff --git a/themes/metro/fonts/IcoMoon.svg b/themes/metro/fonts/IcoMoon.svg
new file mode 100644
index 0000000000..3946e5be71
--- /dev/null
+++ b/themes/metro/fonts/IcoMoon.svg
@@ -0,0 +1,2794 @@
+
+
+
\ No newline at end of file
diff --git a/themes/metro/fonts/IcoMoon.ttf b/themes/metro/fonts/IcoMoon.ttf
new file mode 100644
index 0000000000..38ab8dc396
Binary files /dev/null and b/themes/metro/fonts/IcoMoon.ttf differ
diff --git a/themes/metro/fonts/IcoMoon.woff b/themes/metro/fonts/IcoMoon.woff
new file mode 100644
index 0000000000..a3b887f8e8
Binary files /dev/null and b/themes/metro/fonts/IcoMoon.woff differ
diff --git a/themes/metro/fonts/opensans-bold-webfont.eot b/themes/metro/fonts/opensans-bold-webfont.eot
new file mode 100644
index 0000000000..32922cf4cd
Binary files /dev/null and b/themes/metro/fonts/opensans-bold-webfont.eot differ
diff --git a/themes/metro/fonts/opensans-bold-webfont.ttf b/themes/metro/fonts/opensans-bold-webfont.ttf
new file mode 100644
index 0000000000..c273451972
Binary files /dev/null and b/themes/metro/fonts/opensans-bold-webfont.ttf differ
diff --git a/themes/metro/fonts/opensans-bold-webfont.woff b/themes/metro/fonts/opensans-bold-webfont.woff
new file mode 100644
index 0000000000..5000ff4fcc
Binary files /dev/null and b/themes/metro/fonts/opensans-bold-webfont.woff differ
diff --git a/themes/metro/fonts/opensans-extrabold-webfont.eot b/themes/metro/fonts/opensans-extrabold-webfont.eot
new file mode 100644
index 0000000000..3fd960105c
Binary files /dev/null and b/themes/metro/fonts/opensans-extrabold-webfont.eot differ
diff --git a/themes/metro/fonts/opensans-extrabold-webfont.ttf b/themes/metro/fonts/opensans-extrabold-webfont.ttf
new file mode 100644
index 0000000000..199563dfbf
Binary files /dev/null and b/themes/metro/fonts/opensans-extrabold-webfont.ttf differ
diff --git a/themes/metro/fonts/opensans-extrabold-webfont.woff b/themes/metro/fonts/opensans-extrabold-webfont.woff
new file mode 100644
index 0000000000..eaabffd504
Binary files /dev/null and b/themes/metro/fonts/opensans-extrabold-webfont.woff differ
diff --git a/themes/metro/fonts/opensans-light-webfont.eot b/themes/metro/fonts/opensans-light-webfont.eot
new file mode 100644
index 0000000000..5949d6d1cb
Binary files /dev/null and b/themes/metro/fonts/opensans-light-webfont.eot differ
diff --git a/themes/metro/fonts/opensans-light-webfont.ttf b/themes/metro/fonts/opensans-light-webfont.ttf
new file mode 100644
index 0000000000..80e9ecdf97
Binary files /dev/null and b/themes/metro/fonts/opensans-light-webfont.ttf differ
diff --git a/themes/metro/fonts/opensans-light-webfont.woff b/themes/metro/fonts/opensans-light-webfont.woff
new file mode 100644
index 0000000000..ac3661374c
Binary files /dev/null and b/themes/metro/fonts/opensans-light-webfont.woff differ
diff --git a/themes/metro/fonts/opensans-regular-webfont.eot b/themes/metro/fonts/opensans-regular-webfont.eot
new file mode 100644
index 0000000000..6872a56eeb
Binary files /dev/null and b/themes/metro/fonts/opensans-regular-webfont.eot differ
diff --git a/themes/metro/fonts/opensans-regular-webfont.ttf b/themes/metro/fonts/opensans-regular-webfont.ttf
new file mode 100644
index 0000000000..057392ad85
Binary files /dev/null and b/themes/metro/fonts/opensans-regular-webfont.ttf differ
diff --git a/themes/metro/fonts/opensans-regular-webfont.woff b/themes/metro/fonts/opensans-regular-webfont.woff
new file mode 100644
index 0000000000..56565907a1
Binary files /dev/null and b/themes/metro/fonts/opensans-regular-webfont.woff differ
diff --git a/themes/metro/img/ajax_clock_small.gif b/themes/metro/img/ajax_clock_small.gif
new file mode 100644
index 0000000000..bde4932c85
Binary files /dev/null and b/themes/metro/img/ajax_clock_small.gif differ
diff --git a/themes/metro/img/arrow_ltr.png b/themes/metro/img/arrow_ltr.png
new file mode 100644
index 0000000000..31ea614ddb
Binary files /dev/null and b/themes/metro/img/arrow_ltr.png differ
diff --git a/themes/metro/img/arrow_rtl.png b/themes/metro/img/arrow_rtl.png
new file mode 100644
index 0000000000..5005524788
Binary files /dev/null and b/themes/metro/img/arrow_rtl.png differ
diff --git a/themes/metro/img/asc_order.png b/themes/metro/img/asc_order.png
new file mode 100644
index 0000000000..628776aed1
Binary files /dev/null and b/themes/metro/img/asc_order.png differ
diff --git a/themes/metro/img/b_bookmark.png b/themes/metro/img/b_bookmark.png
new file mode 100644
index 0000000000..eb09fcc4a0
Binary files /dev/null and b/themes/metro/img/b_bookmark.png differ
diff --git a/themes/metro/img/b_browse.png b/themes/metro/img/b_browse.png
new file mode 100644
index 0000000000..73c120f78a
Binary files /dev/null and b/themes/metro/img/b_browse.png differ
diff --git a/themes/metro/img/b_calendar.png b/themes/metro/img/b_calendar.png
new file mode 100644
index 0000000000..64d2e887aa
Binary files /dev/null and b/themes/metro/img/b_calendar.png differ
diff --git a/themes/metro/img/b_chart.png b/themes/metro/img/b_chart.png
new file mode 100644
index 0000000000..00ebb50271
Binary files /dev/null and b/themes/metro/img/b_chart.png differ
diff --git a/themes/metro/img/b_close.png b/themes/metro/img/b_close.png
new file mode 100644
index 0000000000..8e4ebe3031
Binary files /dev/null and b/themes/metro/img/b_close.png differ
diff --git a/themes/metro/img/b_column_add.png b/themes/metro/img/b_column_add.png
new file mode 100644
index 0000000000..771e7414f0
Binary files /dev/null and b/themes/metro/img/b_column_add.png differ
diff --git a/themes/metro/img/b_comment.png b/themes/metro/img/b_comment.png
new file mode 100644
index 0000000000..6fe7eb48ed
Binary files /dev/null and b/themes/metro/img/b_comment.png differ
diff --git a/themes/metro/img/b_dbstatistics.png b/themes/metro/img/b_dbstatistics.png
new file mode 100644
index 0000000000..23f7a8528a
Binary files /dev/null and b/themes/metro/img/b_dbstatistics.png differ
diff --git a/themes/metro/img/b_deltbl.png b/themes/metro/img/b_deltbl.png
new file mode 100644
index 0000000000..4e3a72d8de
Binary files /dev/null and b/themes/metro/img/b_deltbl.png differ
diff --git a/themes/metro/img/b_docs.png b/themes/metro/img/b_docs.png
new file mode 100644
index 0000000000..38c1a73743
Binary files /dev/null and b/themes/metro/img/b_docs.png differ
diff --git a/themes/metro/img/b_docsql.png b/themes/metro/img/b_docsql.png
new file mode 100644
index 0000000000..d372efca75
Binary files /dev/null and b/themes/metro/img/b_docsql.png differ
diff --git a/themes/metro/img/b_drop.png b/themes/metro/img/b_drop.png
new file mode 100644
index 0000000000..7256e8d133
Binary files /dev/null and b/themes/metro/img/b_drop.png differ
diff --git a/themes/metro/img/b_edit.png b/themes/metro/img/b_edit.png
new file mode 100644
index 0000000000..12bc574db2
Binary files /dev/null and b/themes/metro/img/b_edit.png differ
diff --git a/themes/metro/img/b_empty.png b/themes/metro/img/b_empty.png
new file mode 100644
index 0000000000..c7735fb97d
Binary files /dev/null and b/themes/metro/img/b_empty.png differ
diff --git a/themes/metro/img/b_engine.png b/themes/metro/img/b_engine.png
new file mode 100644
index 0000000000..f92c1641fe
Binary files /dev/null and b/themes/metro/img/b_engine.png differ
diff --git a/themes/metro/img/b_event_add.png b/themes/metro/img/b_event_add.png
new file mode 100644
index 0000000000..23c23cf00f
Binary files /dev/null and b/themes/metro/img/b_event_add.png differ
diff --git a/themes/metro/img/b_events.png b/themes/metro/img/b_events.png
new file mode 100644
index 0000000000..7cc326351c
Binary files /dev/null and b/themes/metro/img/b_events.png differ
diff --git a/themes/metro/img/b_export.png b/themes/metro/img/b_export.png
new file mode 100644
index 0000000000..8a61a48e03
Binary files /dev/null and b/themes/metro/img/b_export.png differ
diff --git a/themes/metro/img/b_favorite.png b/themes/metro/img/b_favorite.png
new file mode 100644
index 0000000000..0a62c87e30
Binary files /dev/null and b/themes/metro/img/b_favorite.png differ
diff --git a/themes/metro/img/b_find_replace.png b/themes/metro/img/b_find_replace.png
new file mode 100644
index 0000000000..b49915fd1f
Binary files /dev/null and b/themes/metro/img/b_find_replace.png differ
diff --git a/themes/metro/img/b_firstpage.png b/themes/metro/img/b_firstpage.png
new file mode 100644
index 0000000000..bd7ba3a015
Binary files /dev/null and b/themes/metro/img/b_firstpage.png differ
diff --git a/themes/metro/img/b_ftext.png b/themes/metro/img/b_ftext.png
new file mode 100644
index 0000000000..578179d6b8
Binary files /dev/null and b/themes/metro/img/b_ftext.png differ
diff --git a/themes/metro/img/b_globe.gif b/themes/metro/img/b_globe.gif
new file mode 100644
index 0000000000..e8bb5a9b7b
Binary files /dev/null and b/themes/metro/img/b_globe.gif differ
diff --git a/themes/metro/img/b_group.png b/themes/metro/img/b_group.png
new file mode 100644
index 0000000000..81c948b043
Binary files /dev/null and b/themes/metro/img/b_group.png differ
diff --git a/themes/metro/img/b_help.png b/themes/metro/img/b_help.png
new file mode 100644
index 0000000000..a03166ab6d
Binary files /dev/null and b/themes/metro/img/b_help.png differ
diff --git a/themes/metro/img/b_home.png b/themes/metro/img/b_home.png
new file mode 100644
index 0000000000..5bb5dc61b8
Binary files /dev/null and b/themes/metro/img/b_home.png differ
diff --git a/themes/metro/img/b_import.png b/themes/metro/img/b_import.png
new file mode 100644
index 0000000000..4533dd96a8
Binary files /dev/null and b/themes/metro/img/b_import.png differ
diff --git a/themes/metro/img/b_index.png b/themes/metro/img/b_index.png
new file mode 100644
index 0000000000..0e0e543bb5
Binary files /dev/null and b/themes/metro/img/b_index.png differ
diff --git a/themes/metro/img/b_index_add.png b/themes/metro/img/b_index_add.png
new file mode 100644
index 0000000000..9196b4b6dd
Binary files /dev/null and b/themes/metro/img/b_index_add.png differ
diff --git a/themes/metro/img/b_info.png b/themes/metro/img/b_info.png
new file mode 100644
index 0000000000..2c6bfc3449
Binary files /dev/null and b/themes/metro/img/b_info.png differ
diff --git a/themes/metro/img/b_inline_edit.png b/themes/metro/img/b_inline_edit.png
new file mode 100644
index 0000000000..a83e25df10
Binary files /dev/null and b/themes/metro/img/b_inline_edit.png differ
diff --git a/themes/metro/img/b_insrow.png b/themes/metro/img/b_insrow.png
new file mode 100644
index 0000000000..60d6f0cda3
Binary files /dev/null and b/themes/metro/img/b_insrow.png differ
diff --git a/themes/metro/img/b_key.png b/themes/metro/img/b_key.png
new file mode 100644
index 0000000000..e2824bac7a
Binary files /dev/null and b/themes/metro/img/b_key.png differ
diff --git a/themes/metro/img/b_lastpage.png b/themes/metro/img/b_lastpage.png
new file mode 100644
index 0000000000..9408ceabf4
Binary files /dev/null and b/themes/metro/img/b_lastpage.png differ
diff --git a/themes/metro/img/b_minus.png b/themes/metro/img/b_minus.png
new file mode 100644
index 0000000000..9c3d9961e6
Binary files /dev/null and b/themes/metro/img/b_minus.png differ
diff --git a/themes/metro/img/b_more.png b/themes/metro/img/b_more.png
new file mode 100644
index 0000000000..d57577dbb9
Binary files /dev/null and b/themes/metro/img/b_more.png differ
diff --git a/themes/metro/img/b_move.png b/themes/metro/img/b_move.png
new file mode 100644
index 0000000000..f384b6ce00
Binary files /dev/null and b/themes/metro/img/b_move.png differ
diff --git a/themes/metro/img/b_newdb.png b/themes/metro/img/b_newdb.png
new file mode 100644
index 0000000000..003ae82050
Binary files /dev/null and b/themes/metro/img/b_newdb.png differ
diff --git a/themes/metro/img/b_newtbl.png b/themes/metro/img/b_newtbl.png
new file mode 100644
index 0000000000..a09e46fbda
Binary files /dev/null and b/themes/metro/img/b_newtbl.png differ
diff --git a/themes/metro/img/b_nextpage.png b/themes/metro/img/b_nextpage.png
new file mode 100644
index 0000000000..83ecfcfd6d
Binary files /dev/null and b/themes/metro/img/b_nextpage.png differ
diff --git a/themes/metro/img/b_no_favorite.png b/themes/metro/img/b_no_favorite.png
new file mode 100644
index 0000000000..e2f3f8fa81
Binary files /dev/null and b/themes/metro/img/b_no_favorite.png differ
diff --git a/themes/metro/img/b_pdfdoc.png b/themes/metro/img/b_pdfdoc.png
new file mode 100644
index 0000000000..b369251c63
Binary files /dev/null and b/themes/metro/img/b_pdfdoc.png differ
diff --git a/themes/metro/img/b_plugin.png b/themes/metro/img/b_plugin.png
new file mode 100644
index 0000000000..4b0aea1054
Binary files /dev/null and b/themes/metro/img/b_plugin.png differ
diff --git a/themes/metro/img/b_plus.png b/themes/metro/img/b_plus.png
new file mode 100644
index 0000000000..e4247c3a48
Binary files /dev/null and b/themes/metro/img/b_plus.png differ
diff --git a/themes/metro/img/b_prevpage.png b/themes/metro/img/b_prevpage.png
new file mode 100644
index 0000000000..d60d73c173
Binary files /dev/null and b/themes/metro/img/b_prevpage.png differ
diff --git a/themes/metro/img/b_primary.png b/themes/metro/img/b_primary.png
new file mode 100644
index 0000000000..e2824bac7a
Binary files /dev/null and b/themes/metro/img/b_primary.png differ
diff --git a/themes/metro/img/b_print.png b/themes/metro/img/b_print.png
new file mode 100644
index 0000000000..489dc2f59e
Binary files /dev/null and b/themes/metro/img/b_print.png differ
diff --git a/themes/metro/img/b_props.png b/themes/metro/img/b_props.png
new file mode 100644
index 0000000000..0b387d26ba
Binary files /dev/null and b/themes/metro/img/b_props.png differ
diff --git a/themes/metro/img/b_relations.png b/themes/metro/img/b_relations.png
new file mode 100644
index 0000000000..07a61d38ed
Binary files /dev/null and b/themes/metro/img/b_relations.png differ
diff --git a/themes/metro/img/b_report.png b/themes/metro/img/b_report.png
new file mode 100644
index 0000000000..4a95d61073
Binary files /dev/null and b/themes/metro/img/b_report.png differ
diff --git a/themes/metro/img/b_routine_add.png b/themes/metro/img/b_routine_add.png
new file mode 100644
index 0000000000..b63a695569
Binary files /dev/null and b/themes/metro/img/b_routine_add.png differ
diff --git a/themes/metro/img/b_routines.png b/themes/metro/img/b_routines.png
new file mode 100644
index 0000000000..977d63e00a
Binary files /dev/null and b/themes/metro/img/b_routines.png differ
diff --git a/themes/metro/img/b_save.png b/themes/metro/img/b_save.png
new file mode 100644
index 0000000000..f65e30371b
Binary files /dev/null and b/themes/metro/img/b_save.png differ
diff --git a/themes/metro/img/b_saveimage.png b/themes/metro/img/b_saveimage.png
new file mode 100644
index 0000000000..d3f17c8a83
Binary files /dev/null and b/themes/metro/img/b_saveimage.png differ
diff --git a/themes/metro/img/b_sbrowse.png b/themes/metro/img/b_sbrowse.png
new file mode 100644
index 0000000000..2169ddc971
Binary files /dev/null and b/themes/metro/img/b_sbrowse.png differ
diff --git a/themes/metro/img/b_sdb.png b/themes/metro/img/b_sdb.png
new file mode 100644
index 0000000000..d5282148ab
Binary files /dev/null and b/themes/metro/img/b_sdb.png differ
diff --git a/themes/metro/img/b_search.png b/themes/metro/img/b_search.png
new file mode 100644
index 0000000000..771f2e94e9
Binary files /dev/null and b/themes/metro/img/b_search.png differ
diff --git a/themes/metro/img/b_select.png b/themes/metro/img/b_select.png
new file mode 100644
index 0000000000..dad5bd305d
Binary files /dev/null and b/themes/metro/img/b_select.png differ
diff --git a/themes/metro/img/b_snewtbl.png b/themes/metro/img/b_snewtbl.png
new file mode 100644
index 0000000000..f46bb4b09b
Binary files /dev/null and b/themes/metro/img/b_snewtbl.png differ
diff --git a/themes/metro/img/b_spatial.png b/themes/metro/img/b_spatial.png
new file mode 100644
index 0000000000..ab5cb6bf35
Binary files /dev/null and b/themes/metro/img/b_spatial.png differ
diff --git a/themes/metro/img/b_sql.png b/themes/metro/img/b_sql.png
new file mode 100644
index 0000000000..11cc132494
Binary files /dev/null and b/themes/metro/img/b_sql.png differ
diff --git a/themes/metro/img/b_sqldoc.png b/themes/metro/img/b_sqldoc.png
new file mode 100644
index 0000000000..09ffecfd1c
Binary files /dev/null and b/themes/metro/img/b_sqldoc.png differ
diff --git a/themes/metro/img/b_sqlhelp.png b/themes/metro/img/b_sqlhelp.png
new file mode 100644
index 0000000000..87c626c880
Binary files /dev/null and b/themes/metro/img/b_sqlhelp.png differ
diff --git a/themes/metro/img/b_table_add.png b/themes/metro/img/b_table_add.png
new file mode 100644
index 0000000000..44d2e7f9f3
Binary files /dev/null and b/themes/metro/img/b_table_add.png differ
diff --git a/themes/metro/img/b_tblanalyse.png b/themes/metro/img/b_tblanalyse.png
new file mode 100644
index 0000000000..1f779d9560
Binary files /dev/null and b/themes/metro/img/b_tblanalyse.png differ
diff --git a/themes/metro/img/b_tblexport.png b/themes/metro/img/b_tblexport.png
new file mode 100644
index 0000000000..7c9b19f1cd
Binary files /dev/null and b/themes/metro/img/b_tblexport.png differ
diff --git a/themes/metro/img/b_tblimport.png b/themes/metro/img/b_tblimport.png
new file mode 100644
index 0000000000..340165b828
Binary files /dev/null and b/themes/metro/img/b_tblimport.png differ
diff --git a/themes/metro/img/b_tblops.png b/themes/metro/img/b_tblops.png
new file mode 100644
index 0000000000..f9e87440d8
Binary files /dev/null and b/themes/metro/img/b_tblops.png differ
diff --git a/themes/metro/img/b_tbloptimize.png b/themes/metro/img/b_tbloptimize.png
new file mode 100644
index 0000000000..2dbd1b1bd5
Binary files /dev/null and b/themes/metro/img/b_tbloptimize.png differ
diff --git a/themes/metro/img/b_tipp.png b/themes/metro/img/b_tipp.png
new file mode 100644
index 0000000000..498ec9fe10
Binary files /dev/null and b/themes/metro/img/b_tipp.png differ
diff --git a/themes/metro/img/b_trigger_add.png b/themes/metro/img/b_trigger_add.png
new file mode 100644
index 0000000000..bebe1361a9
Binary files /dev/null and b/themes/metro/img/b_trigger_add.png differ
diff --git a/themes/metro/img/b_triggers.png b/themes/metro/img/b_triggers.png
new file mode 100644
index 0000000000..57cc9c03b4
Binary files /dev/null and b/themes/metro/img/b_triggers.png differ
diff --git a/themes/metro/img/b_unique.png b/themes/metro/img/b_unique.png
new file mode 100644
index 0000000000..c12942a624
Binary files /dev/null and b/themes/metro/img/b_unique.png differ
diff --git a/themes/metro/img/b_usradd.png b/themes/metro/img/b_usradd.png
new file mode 100644
index 0000000000..424e2d39b0
Binary files /dev/null and b/themes/metro/img/b_usradd.png differ
diff --git a/themes/metro/img/b_usrcheck.png b/themes/metro/img/b_usrcheck.png
new file mode 100644
index 0000000000..ba613194d6
Binary files /dev/null and b/themes/metro/img/b_usrcheck.png differ
diff --git a/themes/metro/img/b_usrdrop.png b/themes/metro/img/b_usrdrop.png
new file mode 100644
index 0000000000..8baf9a4f92
Binary files /dev/null and b/themes/metro/img/b_usrdrop.png differ
diff --git a/themes/metro/img/b_usredit.png b/themes/metro/img/b_usredit.png
new file mode 100644
index 0000000000..84713eb1fb
Binary files /dev/null and b/themes/metro/img/b_usredit.png differ
diff --git a/themes/metro/img/b_usrlist.png b/themes/metro/img/b_usrlist.png
new file mode 100644
index 0000000000..25af44c4a9
Binary files /dev/null and b/themes/metro/img/b_usrlist.png differ
diff --git a/themes/metro/img/b_versions.png b/themes/metro/img/b_versions.png
new file mode 100644
index 0000000000..27c01a9fb8
Binary files /dev/null and b/themes/metro/img/b_versions.png differ
diff --git a/themes/metro/img/b_view.png b/themes/metro/img/b_view.png
new file mode 100644
index 0000000000..54a058a039
Binary files /dev/null and b/themes/metro/img/b_view.png differ
diff --git a/themes/metro/img/b_view_add.png b/themes/metro/img/b_view_add.png
new file mode 100644
index 0000000000..9fc8b2c40b
Binary files /dev/null and b/themes/metro/img/b_view_add.png differ
diff --git a/themes/metro/img/b_views.png b/themes/metro/img/b_views.png
new file mode 100644
index 0000000000..a6ee102281
Binary files /dev/null and b/themes/metro/img/b_views.png differ
diff --git a/themes/metro/img/bd_browse.png b/themes/metro/img/bd_browse.png
new file mode 100644
index 0000000000..8b1551a703
Binary files /dev/null and b/themes/metro/img/bd_browse.png differ
diff --git a/themes/metro/img/bd_deltbl.png b/themes/metro/img/bd_deltbl.png
new file mode 100644
index 0000000000..ab14ff7091
Binary files /dev/null and b/themes/metro/img/bd_deltbl.png differ
diff --git a/themes/metro/img/bd_drop.png b/themes/metro/img/bd_drop.png
new file mode 100644
index 0000000000..92de5485a8
Binary files /dev/null and b/themes/metro/img/bd_drop.png differ
diff --git a/themes/metro/img/bd_edit.png b/themes/metro/img/bd_edit.png
new file mode 100644
index 0000000000..bae1a6089d
Binary files /dev/null and b/themes/metro/img/bd_edit.png differ
diff --git a/themes/metro/img/bd_empty.png b/themes/metro/img/bd_empty.png
new file mode 100644
index 0000000000..e5295b925e
Binary files /dev/null and b/themes/metro/img/bd_empty.png differ
diff --git a/themes/metro/img/bd_export.png b/themes/metro/img/bd_export.png
new file mode 100644
index 0000000000..2c72b21d2b
Binary files /dev/null and b/themes/metro/img/bd_export.png differ
diff --git a/themes/metro/img/bd_firstpage.png b/themes/metro/img/bd_firstpage.png
new file mode 100644
index 0000000000..d66ae39c9c
Binary files /dev/null and b/themes/metro/img/bd_firstpage.png differ
diff --git a/themes/metro/img/bd_ftext.png b/themes/metro/img/bd_ftext.png
new file mode 100644
index 0000000000..d8094d05b9
Binary files /dev/null and b/themes/metro/img/bd_ftext.png differ
diff --git a/themes/metro/img/bd_index.png b/themes/metro/img/bd_index.png
new file mode 100644
index 0000000000..708e9d7028
Binary files /dev/null and b/themes/metro/img/bd_index.png differ
diff --git a/themes/metro/img/bd_insrow.png b/themes/metro/img/bd_insrow.png
new file mode 100644
index 0000000000..c3feac4984
Binary files /dev/null and b/themes/metro/img/bd_insrow.png differ
diff --git a/themes/metro/img/bd_lastpage.png b/themes/metro/img/bd_lastpage.png
new file mode 100644
index 0000000000..c0ee7d4a64
Binary files /dev/null and b/themes/metro/img/bd_lastpage.png differ
diff --git a/themes/metro/img/bd_nextpage.png b/themes/metro/img/bd_nextpage.png
new file mode 100644
index 0000000000..718bb7cba0
Binary files /dev/null and b/themes/metro/img/bd_nextpage.png differ
diff --git a/themes/metro/img/bd_prevpage.png b/themes/metro/img/bd_prevpage.png
new file mode 100644
index 0000000000..20cb82a91a
Binary files /dev/null and b/themes/metro/img/bd_prevpage.png differ
diff --git a/themes/metro/img/bd_primary.png b/themes/metro/img/bd_primary.png
new file mode 100644
index 0000000000..1f22f7e55d
Binary files /dev/null and b/themes/metro/img/bd_primary.png differ
diff --git a/themes/metro/img/bd_routine_add.png b/themes/metro/img/bd_routine_add.png
new file mode 100644
index 0000000000..91ec8e1f5f
Binary files /dev/null and b/themes/metro/img/bd_routine_add.png differ
diff --git a/themes/metro/img/bd_sbrowse.png b/themes/metro/img/bd_sbrowse.png
new file mode 100644
index 0000000000..2c2134a2a3
Binary files /dev/null and b/themes/metro/img/bd_sbrowse.png differ
diff --git a/themes/metro/img/bd_select.png b/themes/metro/img/bd_select.png
new file mode 100644
index 0000000000..217f7640d3
Binary files /dev/null and b/themes/metro/img/bd_select.png differ
diff --git a/themes/metro/img/bd_spatial.png b/themes/metro/img/bd_spatial.png
new file mode 100644
index 0000000000..c3a10ef2f6
Binary files /dev/null and b/themes/metro/img/bd_spatial.png differ
diff --git a/themes/metro/img/bd_unique.png b/themes/metro/img/bd_unique.png
new file mode 100644
index 0000000000..20360b4c2b
Binary files /dev/null and b/themes/metro/img/bd_unique.png differ
diff --git a/themes/metro/img/centralColumns.png b/themes/metro/img/centralColumns.png
new file mode 100644
index 0000000000..2a393a2778
Binary files /dev/null and b/themes/metro/img/centralColumns.png differ
diff --git a/themes/metro/img/centralColumns_add.png b/themes/metro/img/centralColumns_add.png
new file mode 100644
index 0000000000..54178ca390
Binary files /dev/null and b/themes/metro/img/centralColumns_add.png differ
diff --git a/themes/metro/img/centralColumns_delete.png b/themes/metro/img/centralColumns_delete.png
new file mode 100644
index 0000000000..c4da0ea0e4
Binary files /dev/null and b/themes/metro/img/centralColumns_delete.png differ
diff --git a/themes/metro/img/col_drop.png b/themes/metro/img/col_drop.png
new file mode 100644
index 0000000000..2acaa61212
Binary files /dev/null and b/themes/metro/img/col_drop.png differ
diff --git a/themes/metro/img/col_pointer.png b/themes/metro/img/col_pointer.png
new file mode 100644
index 0000000000..8bc46bb4e1
Binary files /dev/null and b/themes/metro/img/col_pointer.png differ
diff --git a/themes/metro/img/col_pointer_ver.png b/themes/metro/img/col_pointer_ver.png
new file mode 100644
index 0000000000..10f6c94648
Binary files /dev/null and b/themes/metro/img/col_pointer_ver.png differ
diff --git a/themes/metro/img/console.png b/themes/metro/img/console.png
new file mode 100644
index 0000000000..94bae15eb5
Binary files /dev/null and b/themes/metro/img/console.png differ
diff --git a/themes/metro/img/database.png b/themes/metro/img/database.png
new file mode 100644
index 0000000000..18ebbe342a
Binary files /dev/null and b/themes/metro/img/database.png differ
diff --git a/themes/metro/img/designer/2leftarrow.png b/themes/metro/img/designer/2leftarrow.png
new file mode 100644
index 0000000000..dfad9d1b88
Binary files /dev/null and b/themes/metro/img/designer/2leftarrow.png differ
diff --git a/themes/metro/img/designer/2leftarrow_m.png b/themes/metro/img/designer/2leftarrow_m.png
new file mode 100644
index 0000000000..3301a4fda9
Binary files /dev/null and b/themes/metro/img/designer/2leftarrow_m.png differ
diff --git a/themes/metro/img/designer/2rightarrow.png b/themes/metro/img/designer/2rightarrow.png
new file mode 100644
index 0000000000..2e9974d7dd
Binary files /dev/null and b/themes/metro/img/designer/2rightarrow.png differ
diff --git a/themes/metro/img/designer/2rightarrow_m.png b/themes/metro/img/designer/2rightarrow_m.png
new file mode 100644
index 0000000000..b4ffefb603
Binary files /dev/null and b/themes/metro/img/designer/2rightarrow_m.png differ
diff --git a/themes/metro/img/designer/FieldKey_small.png b/themes/metro/img/designer/FieldKey_small.png
new file mode 100644
index 0000000000..dd86c88c09
Binary files /dev/null and b/themes/metro/img/designer/FieldKey_small.png differ
diff --git a/themes/metro/img/designer/Field_small.png b/themes/metro/img/designer/Field_small.png
new file mode 100644
index 0000000000..340be15bf4
Binary files /dev/null and b/themes/metro/img/designer/Field_small.png differ
diff --git a/themes/metro/img/designer/Field_small_char.png b/themes/metro/img/designer/Field_small_char.png
new file mode 100644
index 0000000000..1179b3a481
Binary files /dev/null and b/themes/metro/img/designer/Field_small_char.png differ
diff --git a/themes/metro/img/designer/Field_small_date.png b/themes/metro/img/designer/Field_small_date.png
new file mode 100644
index 0000000000..6ad5b9c0c1
Binary files /dev/null and b/themes/metro/img/designer/Field_small_date.png differ
diff --git a/themes/metro/img/designer/Field_small_int.png b/themes/metro/img/designer/Field_small_int.png
new file mode 100644
index 0000000000..86db8bc995
Binary files /dev/null and b/themes/metro/img/designer/Field_small_int.png differ
diff --git a/themes/metro/img/designer/Header_Linked.png b/themes/metro/img/designer/Header_Linked.png
new file mode 100644
index 0000000000..cb0a4b374b
Binary files /dev/null and b/themes/metro/img/designer/Header_Linked.png differ
diff --git a/themes/metro/img/designer/anchor.png b/themes/metro/img/designer/anchor.png
new file mode 100644
index 0000000000..52c6e73375
Binary files /dev/null and b/themes/metro/img/designer/anchor.png differ
diff --git a/themes/metro/img/designer/and_icon.png b/themes/metro/img/designer/and_icon.png
new file mode 100644
index 0000000000..c53ed196e4
Binary files /dev/null and b/themes/metro/img/designer/and_icon.png differ
diff --git a/themes/metro/img/designer/ang_direct.png b/themes/metro/img/designer/ang_direct.png
new file mode 100644
index 0000000000..929244e4ca
Binary files /dev/null and b/themes/metro/img/designer/ang_direct.png differ
diff --git a/themes/metro/img/designer/bord.png b/themes/metro/img/designer/bord.png
new file mode 100644
index 0000000000..351b9591b3
Binary files /dev/null and b/themes/metro/img/designer/bord.png differ
diff --git a/themes/metro/img/designer/bottom.png b/themes/metro/img/designer/bottom.png
new file mode 100644
index 0000000000..a1e4993165
Binary files /dev/null and b/themes/metro/img/designer/bottom.png differ
diff --git a/themes/metro/img/designer/def.png b/themes/metro/img/designer/def.png
new file mode 100644
index 0000000000..4e8c7cfbdd
Binary files /dev/null and b/themes/metro/img/designer/def.png differ
diff --git a/themes/metro/img/designer/display_field.png b/themes/metro/img/designer/display_field.png
new file mode 100644
index 0000000000..0c520b18da
Binary files /dev/null and b/themes/metro/img/designer/display_field.png differ
diff --git a/themes/metro/img/designer/downarrow1.png b/themes/metro/img/designer/downarrow1.png
new file mode 100644
index 0000000000..9953988a6e
Binary files /dev/null and b/themes/metro/img/designer/downarrow1.png differ
diff --git a/themes/metro/img/designer/downarrow2.png b/themes/metro/img/designer/downarrow2.png
new file mode 100644
index 0000000000..7d7199ea98
Binary files /dev/null and b/themes/metro/img/designer/downarrow2.png differ
diff --git a/themes/metro/img/designer/downarrow2_m.png b/themes/metro/img/designer/downarrow2_m.png
new file mode 100644
index 0000000000..8c1a8c7adf
Binary files /dev/null and b/themes/metro/img/designer/downarrow2_m.png differ
diff --git a/themes/metro/img/designer/exec.png b/themes/metro/img/designer/exec.png
new file mode 100644
index 0000000000..15571bbf4c
Binary files /dev/null and b/themes/metro/img/designer/exec.png differ
diff --git a/themes/metro/img/designer/exec_small.png b/themes/metro/img/designer/exec_small.png
new file mode 100644
index 0000000000..857cfaa6a6
Binary files /dev/null and b/themes/metro/img/designer/exec_small.png differ
diff --git a/themes/metro/img/designer/exitFullscreen.png b/themes/metro/img/designer/exitFullscreen.png
new file mode 100644
index 0000000000..4497ed3544
Binary files /dev/null and b/themes/metro/img/designer/exitFullscreen.png differ
diff --git a/themes/metro/img/designer/export.png b/themes/metro/img/designer/export.png
new file mode 100644
index 0000000000..8124e96059
Binary files /dev/null and b/themes/metro/img/designer/export.png differ
diff --git a/themes/metro/img/designer/favicon.ico b/themes/metro/img/designer/favicon.ico
new file mode 100644
index 0000000000..29c2595b1d
Binary files /dev/null and b/themes/metro/img/designer/favicon.ico differ
diff --git a/themes/metro/img/designer/grid.png b/themes/metro/img/designer/grid.png
new file mode 100644
index 0000000000..752f2de827
Binary files /dev/null and b/themes/metro/img/designer/grid.png differ
diff --git a/themes/metro/img/designer/help.png b/themes/metro/img/designer/help.png
new file mode 100644
index 0000000000..5e99746fe8
Binary files /dev/null and b/themes/metro/img/designer/help.png differ
diff --git a/themes/metro/img/designer/help_relation.png b/themes/metro/img/designer/help_relation.png
new file mode 100644
index 0000000000..8856604feb
Binary files /dev/null and b/themes/metro/img/designer/help_relation.png differ
diff --git a/themes/metro/img/designer/left_panel_butt.png b/themes/metro/img/designer/left_panel_butt.png
new file mode 100644
index 0000000000..98ead4e602
Binary files /dev/null and b/themes/metro/img/designer/left_panel_butt.png differ
diff --git a/themes/metro/img/designer/left_panel_tab.png b/themes/metro/img/designer/left_panel_tab.png
new file mode 100644
index 0000000000..733588e337
Binary files /dev/null and b/themes/metro/img/designer/left_panel_tab.png differ
diff --git a/themes/metro/img/designer/minus.png b/themes/metro/img/designer/minus.png
new file mode 100644
index 0000000000..c19791a219
Binary files /dev/null and b/themes/metro/img/designer/minus.png differ
diff --git a/themes/metro/img/designer/or_icon.png b/themes/metro/img/designer/or_icon.png
new file mode 100644
index 0000000000..8613597869
Binary files /dev/null and b/themes/metro/img/designer/or_icon.png differ
diff --git a/themes/metro/img/designer/page_add.png b/themes/metro/img/designer/page_add.png
new file mode 100644
index 0000000000..f9c70b428c
Binary files /dev/null and b/themes/metro/img/designer/page_add.png differ
diff --git a/themes/metro/img/designer/page_delete.png b/themes/metro/img/designer/page_delete.png
new file mode 100644
index 0000000000..2147e56055
Binary files /dev/null and b/themes/metro/img/designer/page_delete.png differ
diff --git a/themes/metro/img/designer/page_edit.png b/themes/metro/img/designer/page_edit.png
new file mode 100644
index 0000000000..deaa1e350f
Binary files /dev/null and b/themes/metro/img/designer/page_edit.png differ
diff --git a/themes/metro/img/designer/pdf.png b/themes/metro/img/designer/pdf.png
new file mode 100644
index 0000000000..71c68f239d
Binary files /dev/null and b/themes/metro/img/designer/pdf.png differ
diff --git a/themes/metro/img/designer/plus.png b/themes/metro/img/designer/plus.png
new file mode 100644
index 0000000000..85d6467e00
Binary files /dev/null and b/themes/metro/img/designer/plus.png differ
diff --git a/themes/metro/img/designer/query_builder.png b/themes/metro/img/designer/query_builder.png
new file mode 100644
index 0000000000..d7bf588bf3
Binary files /dev/null and b/themes/metro/img/designer/query_builder.png differ
diff --git a/themes/metro/img/designer/relation.png b/themes/metro/img/designer/relation.png
new file mode 100644
index 0000000000..164937de1b
Binary files /dev/null and b/themes/metro/img/designer/relation.png differ
diff --git a/themes/metro/img/designer/reload.png b/themes/metro/img/designer/reload.png
new file mode 100644
index 0000000000..a8b9217958
Binary files /dev/null and b/themes/metro/img/designer/reload.png differ
diff --git a/themes/metro/img/designer/resize.png b/themes/metro/img/designer/resize.png
new file mode 100644
index 0000000000..337dae7a43
Binary files /dev/null and b/themes/metro/img/designer/resize.png differ
diff --git a/themes/metro/img/designer/resizeright.png b/themes/metro/img/designer/resizeright.png
new file mode 100644
index 0000000000..38fc5bc767
Binary files /dev/null and b/themes/metro/img/designer/resizeright.png differ
diff --git a/themes/metro/img/designer/rightarrow1.png b/themes/metro/img/designer/rightarrow1.png
new file mode 100644
index 0000000000..7a4ff6c4f5
Binary files /dev/null and b/themes/metro/img/designer/rightarrow1.png differ
diff --git a/themes/metro/img/designer/rightarrow2.png b/themes/metro/img/designer/rightarrow2.png
new file mode 100644
index 0000000000..7a4ff6c4f5
Binary files /dev/null and b/themes/metro/img/designer/rightarrow2.png differ
diff --git a/themes/metro/img/designer/save.png b/themes/metro/img/designer/save.png
new file mode 100644
index 0000000000..747006df6d
Binary files /dev/null and b/themes/metro/img/designer/save.png differ
diff --git a/themes/metro/img/designer/save_as.png b/themes/metro/img/designer/save_as.png
new file mode 100644
index 0000000000..5d7342a79b
Binary files /dev/null and b/themes/metro/img/designer/save_as.png differ
diff --git a/themes/metro/img/designer/table.png b/themes/metro/img/designer/table.png
new file mode 100644
index 0000000000..5dc54a9629
Binary files /dev/null and b/themes/metro/img/designer/table.png differ
diff --git a/themes/metro/img/designer/toggle_lines.png b/themes/metro/img/designer/toggle_lines.png
new file mode 100644
index 0000000000..708450f27a
Binary files /dev/null and b/themes/metro/img/designer/toggle_lines.png differ
diff --git a/themes/metro/img/designer/uparrow2_m.png b/themes/metro/img/designer/uparrow2_m.png
new file mode 100644
index 0000000000..c8e429702b
Binary files /dev/null and b/themes/metro/img/designer/uparrow2_m.png differ
diff --git a/themes/metro/img/designer/viewInFullscreen.png b/themes/metro/img/designer/viewInFullscreen.png
new file mode 100644
index 0000000000..e14028159b
Binary files /dev/null and b/themes/metro/img/designer/viewInFullscreen.png differ
diff --git a/themes/metro/img/docs_menu_bg.png b/themes/metro/img/docs_menu_bg.png
new file mode 100644
index 0000000000..f0104ac562
Binary files /dev/null and b/themes/metro/img/docs_menu_bg.png differ
diff --git a/themes/metro/img/east-mini.png b/themes/metro/img/east-mini.png
new file mode 100644
index 0000000000..bee419d6e0
Binary files /dev/null and b/themes/metro/img/east-mini.png differ
diff --git a/themes/metro/img/error.ico b/themes/metro/img/error.ico
new file mode 100644
index 0000000000..8f4d509d65
Binary files /dev/null and b/themes/metro/img/error.ico differ
diff --git a/themes/metro/img/eye.png b/themes/metro/img/eye.png
new file mode 100644
index 0000000000..9d47b775f7
Binary files /dev/null and b/themes/metro/img/eye.png differ
diff --git a/themes/metro/img/eye_grey.png b/themes/metro/img/eye_grey.png
new file mode 100644
index 0000000000..58afbb7866
Binary files /dev/null and b/themes/metro/img/eye_grey.png differ
diff --git a/themes/metro/img/hide.png b/themes/metro/img/hide.png
new file mode 100644
index 0000000000..d26c7c16ed
Binary files /dev/null and b/themes/metro/img/hide.png differ
diff --git a/themes/metro/img/item.png b/themes/metro/img/item.png
new file mode 100644
index 0000000000..3fac7d65e6
Binary files /dev/null and b/themes/metro/img/item.png differ
diff --git a/themes/metro/img/item_ltr.png b/themes/metro/img/item_ltr.png
new file mode 100644
index 0000000000..2a4cb8b3ef
Binary files /dev/null and b/themes/metro/img/item_ltr.png differ
diff --git a/themes/metro/img/item_rtl.png b/themes/metro/img/item_rtl.png
new file mode 100644
index 0000000000..a18e30b07b
Binary files /dev/null and b/themes/metro/img/item_rtl.png differ
diff --git a/themes/metro/img/lightbulb.png b/themes/metro/img/lightbulb.png
new file mode 100644
index 0000000000..98179128a0
Binary files /dev/null and b/themes/metro/img/lightbulb.png differ
diff --git a/themes/metro/img/lightbulb_off.png b/themes/metro/img/lightbulb_off.png
new file mode 100644
index 0000000000..4faaece01a
Binary files /dev/null and b/themes/metro/img/lightbulb_off.png differ
diff --git a/themes/metro/img/more.png b/themes/metro/img/more.png
new file mode 100644
index 0000000000..ad4cce55ef
Binary files /dev/null and b/themes/metro/img/more.png differ
diff --git a/themes/metro/img/new_data.png b/themes/metro/img/new_data.png
new file mode 100644
index 0000000000..ef5c70c130
Binary files /dev/null and b/themes/metro/img/new_data.png differ
diff --git a/themes/metro/img/new_data_hovered.png b/themes/metro/img/new_data_hovered.png
new file mode 100644
index 0000000000..b0be747e2e
Binary files /dev/null and b/themes/metro/img/new_data_hovered.png differ
diff --git a/themes/metro/img/new_data_selected.png b/themes/metro/img/new_data_selected.png
new file mode 100644
index 0000000000..9fbdf4452b
Binary files /dev/null and b/themes/metro/img/new_data_selected.png differ
diff --git a/themes/metro/img/new_data_selected_hovered.png b/themes/metro/img/new_data_selected_hovered.png
new file mode 100644
index 0000000000..6df78500c2
Binary files /dev/null and b/themes/metro/img/new_data_selected_hovered.png differ
diff --git a/themes/metro/img/new_struct.png b/themes/metro/img/new_struct.png
new file mode 100644
index 0000000000..112a607b82
Binary files /dev/null and b/themes/metro/img/new_struct.png differ
diff --git a/themes/metro/img/new_struct_hovered.png b/themes/metro/img/new_struct_hovered.png
new file mode 100644
index 0000000000..1130f04f39
Binary files /dev/null and b/themes/metro/img/new_struct_hovered.png differ
diff --git a/themes/metro/img/new_struct_selected.png b/themes/metro/img/new_struct_selected.png
new file mode 100644
index 0000000000..b553d2bdbf
Binary files /dev/null and b/themes/metro/img/new_struct_selected.png differ
diff --git a/themes/metro/img/new_struct_selected_hovered.png b/themes/metro/img/new_struct_selected_hovered.png
new file mode 100644
index 0000000000..3ddc0526c3
Binary files /dev/null and b/themes/metro/img/new_struct_selected_hovered.png differ
diff --git a/themes/metro/img/normalize.png b/themes/metro/img/normalize.png
new file mode 100644
index 0000000000..f1885ccf41
Binary files /dev/null and b/themes/metro/img/normalize.png differ
diff --git a/themes/metro/img/north-mini.png b/themes/metro/img/north-mini.png
new file mode 100644
index 0000000000..8283839c96
Binary files /dev/null and b/themes/metro/img/north-mini.png differ
diff --git a/themes/metro/img/pause.png b/themes/metro/img/pause.png
new file mode 100644
index 0000000000..4c6aadfe39
Binary files /dev/null and b/themes/metro/img/pause.png differ
diff --git a/themes/metro/img/php_sym.png b/themes/metro/img/php_sym.png
new file mode 100644
index 0000000000..397c3453a6
Binary files /dev/null and b/themes/metro/img/php_sym.png differ
diff --git a/themes/metro/img/play.png b/themes/metro/img/play.png
new file mode 100644
index 0000000000..4218160e08
Binary files /dev/null and b/themes/metro/img/play.png differ
diff --git a/themes/metro/img/pma_logo.png b/themes/metro/img/pma_logo.png
new file mode 100644
index 0000000000..bc17b98661
Binary files /dev/null and b/themes/metro/img/pma_logo.png differ
diff --git a/themes/metro/img/pma_logo2.png b/themes/metro/img/pma_logo2.png
new file mode 100644
index 0000000000..bc17b98661
Binary files /dev/null and b/themes/metro/img/pma_logo2.png differ
diff --git a/themes/metro/img/s_asc.png b/themes/metro/img/s_asc.png
new file mode 100644
index 0000000000..9b1817d4f5
Binary files /dev/null and b/themes/metro/img/s_asc.png differ
diff --git a/themes/metro/img/s_asci.png b/themes/metro/img/s_asci.png
new file mode 100644
index 0000000000..9bbc78edbe
Binary files /dev/null and b/themes/metro/img/s_asci.png differ
diff --git a/themes/metro/img/s_attention.png b/themes/metro/img/s_attention.png
new file mode 100644
index 0000000000..6169cb6f79
Binary files /dev/null and b/themes/metro/img/s_attention.png differ
diff --git a/themes/metro/img/s_cancel.png b/themes/metro/img/s_cancel.png
new file mode 100644
index 0000000000..67d987bdaf
Binary files /dev/null and b/themes/metro/img/s_cancel.png differ
diff --git a/themes/metro/img/s_cancel2.png b/themes/metro/img/s_cancel2.png
new file mode 100644
index 0000000000..2103705f01
Binary files /dev/null and b/themes/metro/img/s_cancel2.png differ
diff --git a/themes/metro/img/s_cog.png b/themes/metro/img/s_cog.png
new file mode 100644
index 0000000000..c7ce8a7909
Binary files /dev/null and b/themes/metro/img/s_cog.png differ
diff --git a/themes/metro/img/s_collapseall.png b/themes/metro/img/s_collapseall.png
new file mode 100644
index 0000000000..d7a761d37b
Binary files /dev/null and b/themes/metro/img/s_collapseall.png differ
diff --git a/themes/metro/img/s_db.png b/themes/metro/img/s_db.png
new file mode 100644
index 0000000000..9f9ff3f2b7
Binary files /dev/null and b/themes/metro/img/s_db.png differ
diff --git a/themes/metro/img/s_desc.png b/themes/metro/img/s_desc.png
new file mode 100644
index 0000000000..b29aa7975e
Binary files /dev/null and b/themes/metro/img/s_desc.png differ
diff --git a/themes/metro/img/s_error.png b/themes/metro/img/s_error.png
new file mode 100644
index 0000000000..19292f84e0
Binary files /dev/null and b/themes/metro/img/s_error.png differ
diff --git a/themes/metro/img/s_error2.png b/themes/metro/img/s_error2.png
new file mode 100644
index 0000000000..2dd482692d
Binary files /dev/null and b/themes/metro/img/s_error2.png differ
diff --git a/themes/metro/img/s_fulltext.png b/themes/metro/img/s_fulltext.png
new file mode 100644
index 0000000000..aa086b23a1
Binary files /dev/null and b/themes/metro/img/s_fulltext.png differ
diff --git a/themes/metro/img/s_host.png b/themes/metro/img/s_host.png
new file mode 100644
index 0000000000..dcd7882be1
Binary files /dev/null and b/themes/metro/img/s_host.png differ
diff --git a/themes/metro/img/s_info.png b/themes/metro/img/s_info.png
new file mode 100644
index 0000000000..328ec02e3c
Binary files /dev/null and b/themes/metro/img/s_info.png differ
diff --git a/themes/metro/img/s_lang.png b/themes/metro/img/s_lang.png
new file mode 100644
index 0000000000..f0b89bf957
Binary files /dev/null and b/themes/metro/img/s_lang.png differ
diff --git a/themes/metro/img/s_link.png b/themes/metro/img/s_link.png
new file mode 100644
index 0000000000..babbb64a6a
Binary files /dev/null and b/themes/metro/img/s_link.png differ
diff --git a/themes/metro/img/s_lock.png b/themes/metro/img/s_lock.png
new file mode 100644
index 0000000000..047659c296
Binary files /dev/null and b/themes/metro/img/s_lock.png differ
diff --git a/themes/metro/img/s_loggoff.png b/themes/metro/img/s_loggoff.png
new file mode 100644
index 0000000000..556d9dea35
Binary files /dev/null and b/themes/metro/img/s_loggoff.png differ
diff --git a/themes/metro/img/s_notice.png b/themes/metro/img/s_notice.png
new file mode 100644
index 0000000000..e1662034ae
Binary files /dev/null and b/themes/metro/img/s_notice.png differ
diff --git a/themes/metro/img/s_okay.png b/themes/metro/img/s_okay.png
new file mode 100644
index 0000000000..0cc5f9b859
Binary files /dev/null and b/themes/metro/img/s_okay.png differ
diff --git a/themes/metro/img/s_partialtext.png b/themes/metro/img/s_partialtext.png
new file mode 100644
index 0000000000..8a4128284d
Binary files /dev/null and b/themes/metro/img/s_partialtext.png differ
diff --git a/themes/metro/img/s_passwd.png b/themes/metro/img/s_passwd.png
new file mode 100644
index 0000000000..8c8d41a867
Binary files /dev/null and b/themes/metro/img/s_passwd.png differ
diff --git a/themes/metro/img/s_process.png b/themes/metro/img/s_process.png
new file mode 100644
index 0000000000..4c054d86c2
Binary files /dev/null and b/themes/metro/img/s_process.png differ
diff --git a/themes/metro/img/s_really.png b/themes/metro/img/s_really.png
new file mode 100644
index 0000000000..2b2ba99562
Binary files /dev/null and b/themes/metro/img/s_really.png differ
diff --git a/themes/metro/img/s_reload.png b/themes/metro/img/s_reload.png
new file mode 100644
index 0000000000..f9b4426c56
Binary files /dev/null and b/themes/metro/img/s_reload.png differ
diff --git a/themes/metro/img/s_replication.png b/themes/metro/img/s_replication.png
new file mode 100644
index 0000000000..52a30b29fd
Binary files /dev/null and b/themes/metro/img/s_replication.png differ
diff --git a/themes/metro/img/s_rights.png b/themes/metro/img/s_rights.png
new file mode 100644
index 0000000000..816618a9f6
Binary files /dev/null and b/themes/metro/img/s_rights.png differ
diff --git a/themes/metro/img/s_sortable.png b/themes/metro/img/s_sortable.png
new file mode 100644
index 0000000000..c0aeeddf61
Binary files /dev/null and b/themes/metro/img/s_sortable.png differ
diff --git a/themes/metro/img/s_status.png b/themes/metro/img/s_status.png
new file mode 100644
index 0000000000..6899bee62c
Binary files /dev/null and b/themes/metro/img/s_status.png differ
diff --git a/themes/metro/img/s_success.png b/themes/metro/img/s_success.png
new file mode 100644
index 0000000000..407dcf2cc2
Binary files /dev/null and b/themes/metro/img/s_success.png differ
diff --git a/themes/metro/img/s_sync.png b/themes/metro/img/s_sync.png
new file mode 100644
index 0000000000..57b8e6f61b
Binary files /dev/null and b/themes/metro/img/s_sync.png differ
diff --git a/themes/metro/img/s_tbl.png b/themes/metro/img/s_tbl.png
new file mode 100644
index 0000000000..2c6f1f90c8
Binary files /dev/null and b/themes/metro/img/s_tbl.png differ
diff --git a/themes/metro/img/s_theme.png b/themes/metro/img/s_theme.png
new file mode 100644
index 0000000000..9d694525c0
Binary files /dev/null and b/themes/metro/img/s_theme.png differ
diff --git a/themes/metro/img/s_top.png b/themes/metro/img/s_top.png
new file mode 100644
index 0000000000..2196dfab09
Binary files /dev/null and b/themes/metro/img/s_top.png differ
diff --git a/themes/metro/img/s_unlink.png b/themes/metro/img/s_unlink.png
new file mode 100644
index 0000000000..1c0429bf47
Binary files /dev/null and b/themes/metro/img/s_unlink.png differ
diff --git a/themes/metro/img/s_vars.png b/themes/metro/img/s_vars.png
new file mode 100644
index 0000000000..efeaffcf7b
Binary files /dev/null and b/themes/metro/img/s_vars.png differ
diff --git a/themes/metro/img/s_views.png b/themes/metro/img/s_views.png
new file mode 100644
index 0000000000..4f34047cc6
Binary files /dev/null and b/themes/metro/img/s_views.png differ
diff --git a/themes/metro/img/show.png b/themes/metro/img/show.png
new file mode 100644
index 0000000000..2bb6978b5c
Binary files /dev/null and b/themes/metro/img/show.png differ
diff --git a/themes/metro/img/south-mini.png b/themes/metro/img/south-mini.png
new file mode 100644
index 0000000000..954c202ba4
Binary files /dev/null and b/themes/metro/img/south-mini.png differ
diff --git a/themes/metro/img/spacer.png b/themes/metro/img/spacer.png
new file mode 100644
index 0000000000..c6008d7c80
Binary files /dev/null and b/themes/metro/img/spacer.png differ
diff --git a/themes/metro/img/sprites.png b/themes/metro/img/sprites.png
new file mode 100644
index 0000000000..a9a428ac7a
Binary files /dev/null and b/themes/metro/img/sprites.png differ
diff --git a/themes/metro/img/toggle-ltr.png b/themes/metro/img/toggle-ltr.png
new file mode 100644
index 0000000000..964340c962
Binary files /dev/null and b/themes/metro/img/toggle-ltr.png differ
diff --git a/themes/metro/img/toggle-rtl.png b/themes/metro/img/toggle-rtl.png
new file mode 100644
index 0000000000..c9b23b0b82
Binary files /dev/null and b/themes/metro/img/toggle-rtl.png differ
diff --git a/themes/metro/img/vertical_line.png b/themes/metro/img/vertical_line.png
new file mode 100644
index 0000000000..a84743c8fb
Binary files /dev/null and b/themes/metro/img/vertical_line.png differ
diff --git a/themes/metro/img/west-mini.png b/themes/metro/img/west-mini.png
new file mode 100644
index 0000000000..a13f0835cd
Binary files /dev/null and b/themes/metro/img/west-mini.png differ
diff --git a/themes/metro/img/window-new.png b/themes/metro/img/window-new.png
new file mode 100644
index 0000000000..361fb063fd
Binary files /dev/null and b/themes/metro/img/window-new.png differ
diff --git a/themes/metro/img/zoom-minus-mini.png b/themes/metro/img/zoom-minus-mini.png
new file mode 100644
index 0000000000..4262ad4631
Binary files /dev/null and b/themes/metro/img/zoom-minus-mini.png differ
diff --git a/themes/metro/img/zoom-plus-mini.png b/themes/metro/img/zoom-plus-mini.png
new file mode 100644
index 0000000000..4fabfd1ed1
Binary files /dev/null and b/themes/metro/img/zoom-plus-mini.png differ
diff --git a/themes/metro/img/zoom-world-mini.png b/themes/metro/img/zoom-world-mini.png
new file mode 100644
index 0000000000..f50ca66f2b
Binary files /dev/null and b/themes/metro/img/zoom-world-mini.png differ
diff --git a/themes/metro/jquery/images/ui-bg_glass_55_fbf9ee_1x400.png b/themes/metro/jquery/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100644
index 0000000000..4d114a0f6d
Binary files /dev/null and b/themes/metro/jquery/images/ui-bg_glass_55_fbf9ee_1x400.png differ
diff --git a/themes/metro/jquery/images/ui-bg_glass_65_ffffff_1x400.png b/themes/metro/jquery/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 0000000000..0af053771c
Binary files /dev/null and b/themes/metro/jquery/images/ui-bg_glass_65_ffffff_1x400.png differ
diff --git a/themes/metro/jquery/images/ui-bg_glass_75_dadada_1x400.png b/themes/metro/jquery/images/ui-bg_glass_75_dadada_1x400.png
new file mode 100644
index 0000000000..910da200e0
Binary files /dev/null and b/themes/metro/jquery/images/ui-bg_glass_75_dadada_1x400.png differ
diff --git a/themes/metro/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png b/themes/metro/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png
new file mode 100644
index 0000000000..81e2065be4
Binary files /dev/null and b/themes/metro/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png differ
diff --git a/themes/metro/jquery/images/ui-bg_glass_95_fef1ec_1x400.png b/themes/metro/jquery/images/ui-bg_glass_95_fef1ec_1x400.png
new file mode 100644
index 0000000000..beeef85ac1
Binary files /dev/null and b/themes/metro/jquery/images/ui-bg_glass_95_fef1ec_1x400.png differ
diff --git a/themes/metro/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/themes/metro/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png
new file mode 100644
index 0000000000..63c73b5620
Binary files /dev/null and b/themes/metro/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png differ
diff --git a/themes/metro/jquery/images/ui-icons_222222_256x240.png b/themes/metro/jquery/images/ui-icons_222222_256x240.png
new file mode 100644
index 0000000000..4ff54473ea
Binary files /dev/null and b/themes/metro/jquery/images/ui-icons_222222_256x240.png differ
diff --git a/themes/metro/jquery/images/ui-icons_2e83ff_256x240.png b/themes/metro/jquery/images/ui-icons_2e83ff_256x240.png
new file mode 100644
index 0000000000..ab319c4985
Binary files /dev/null and b/themes/metro/jquery/images/ui-icons_2e83ff_256x240.png differ
diff --git a/themes/metro/jquery/images/ui-icons_454545_256x240.png b/themes/metro/jquery/images/ui-icons_454545_256x240.png
new file mode 100644
index 0000000000..3b3ab9195b
Binary files /dev/null and b/themes/metro/jquery/images/ui-icons_454545_256x240.png differ
diff --git a/themes/metro/jquery/images/ui-icons_888888_256x240.png b/themes/metro/jquery/images/ui-icons_888888_256x240.png
new file mode 100644
index 0000000000..d4cead1bd3
Binary files /dev/null and b/themes/metro/jquery/images/ui-icons_888888_256x240.png differ
diff --git a/themes/metro/jquery/images/ui-icons_cd0a0a_256x240.png b/themes/metro/jquery/images/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 0000000000..9e50d4d540
Binary files /dev/null and b/themes/metro/jquery/images/ui-icons_cd0a0a_256x240.png differ
diff --git a/themes/metro/jquery/jquery-ui.css b/themes/metro/jquery/jquery-ui.css
new file mode 100644
index 0000000000..1ebcbc90e3
--- /dev/null
+++ b/themes/metro/jquery/jquery-ui.css
@@ -0,0 +1,1312 @@
+/*! jQuery UI - v1.12.1 - 2016-12-21
+* http://jqueryui.com
+* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+.ui-draggable-handle {
+ -ms-touch-action: none;
+ touch-action: none;
+}
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+ display: none;
+}
+.ui-helper-hidden-accessible {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+.ui-helper-reset {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ line-height: 1.3;
+ text-decoration: none;
+ font-size: 100%;
+ list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+ content: "";
+ display: table;
+ border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+ clear: both;
+}
+.ui-helper-zfix {
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: absolute;
+ opacity: 0;
+ filter:Alpha(Opacity=0); /* support: IE8 */
+}
+
+.ui-front {
+ z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+ cursor: default !important;
+ pointer-events: none;
+}
+
+
+/* Icons
+----------------------------------*/
+.ui-icon {
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -.25em;
+ position: relative;
+ text-indent: -99999px;
+ overflow: hidden;
+ background-repeat: no-repeat;
+}
+
+.ui-widget-icon-block {
+ left: 50%;
+ margin-left: -8px;
+ display: block;
+}
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.ui-resizable {
+ position: relative;
+}
+.ui-resizable-handle {
+ position: absolute;
+ font-size: 0.1px;
+ display: block;
+ -ms-touch-action: none;
+ touch-action: none;
+}
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+ display: none;
+}
+.ui-resizable-n {
+ cursor: n-resize;
+ height: 7px;
+ width: 100%;
+ top: -5px;
+ left: 0;
+}
+.ui-resizable-s {
+ cursor: s-resize;
+ height: 7px;
+ width: 100%;
+ bottom: -5px;
+ left: 0;
+}
+.ui-resizable-e {
+ cursor: e-resize;
+ width: 7px;
+ right: -5px;
+ top: 0;
+ height: 100%;
+}
+.ui-resizable-w {
+ cursor: w-resize;
+ width: 7px;
+ left: -5px;
+ top: 0;
+ height: 100%;
+}
+.ui-resizable-se {
+ cursor: se-resize;
+ width: 12px;
+ height: 12px;
+ right: 1px;
+ bottom: 1px;
+}
+.ui-resizable-sw {
+ cursor: sw-resize;
+ width: 9px;
+ height: 9px;
+ left: -5px;
+ bottom: -5px;
+}
+.ui-resizable-nw {
+ cursor: nw-resize;
+ width: 9px;
+ height: 9px;
+ left: -5px;
+ top: -5px;
+}
+.ui-resizable-ne {
+ cursor: ne-resize;
+ width: 9px;
+ height: 9px;
+ right: -5px;
+ top: -5px;
+}
+.ui-selectable {
+ -ms-touch-action: none;
+ touch-action: none;
+}
+.ui-selectable-helper {
+ position: absolute;
+ z-index: 100;
+ border: 1px dotted black;
+}
+.ui-sortable-handle {
+ -ms-touch-action: none;
+ touch-action: none;
+}
+.ui-accordion .ui-accordion-header {
+ display: block;
+ cursor: pointer;
+ position: relative;
+ margin: 2px 0 0 0;
+ padding: .5em .5em .5em .7em;
+ font-size: 100%;
+}
+.ui-accordion .ui-accordion-content {
+ padding: 1em 2.2em;
+ border-top: 0;
+ overflow: auto;
+}
+.ui-autocomplete {
+ position: absolute;
+ top: 0;
+ left: 0;
+ cursor: default;
+}
+.ui-menu {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ display: block;
+ outline: 0;
+}
+.ui-menu .ui-menu {
+ position: absolute;
+}
+.ui-menu .ui-menu-item {
+ margin: 0;
+ cursor: pointer;
+ /* support: IE10, see #8844 */
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+}
+.ui-menu .ui-menu-item-wrapper {
+ position: relative;
+ padding: 3px 1em 3px .4em;
+}
+.ui-menu .ui-menu-divider {
+ margin: 5px 0;
+ height: 0;
+ font-size: 0;
+ line-height: 0;
+ border-width: 1px 0 0 0;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+ margin: -1px;
+}
+
+/* icon support */
+.ui-menu-icons {
+ position: relative;
+}
+.ui-menu-icons .ui-menu-item-wrapper {
+ padding-left: 2em;
+}
+
+/* left-aligned */
+.ui-menu .ui-icon {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: .2em;
+ margin: auto 0;
+}
+
+/* right-aligned */
+.ui-menu .ui-menu-icon {
+ left: auto;
+ right: 0;
+}
+.ui-button {
+ padding: .4em 1em;
+ display: inline-block;
+ position: relative;
+ line-height: normal;
+ margin-right: .1em;
+ cursor: pointer;
+ vertical-align: middle;
+ text-align: center;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ /* Support: IE <= 11 */
+ overflow: visible;
+}
+
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+ text-decoration: none;
+}
+
+/* to make room for the icon, a width needs to be set here */
+.ui-button-icon-only {
+ width: 2em;
+ box-sizing: border-box;
+ text-indent: -9999px;
+ white-space: nowrap;
+}
+
+/* no icon support for input elements */
+input.ui-button.ui-button-icon-only {
+ text-indent: 0;
+}
+
+/* button icon element(s) */
+.ui-button-icon-only .ui-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-top: -8px;
+ margin-left: -8px;
+}
+
+.ui-button.ui-icon-notext .ui-icon {
+ padding: 0;
+ width: 2.1em;
+ height: 2.1em;
+ text-indent: -9999px;
+ white-space: nowrap;
+
+}
+
+input.ui-button.ui-icon-notext .ui-icon {
+ width: auto;
+ height: auto;
+ text-indent: 0;
+ white-space: normal;
+ padding: .4em 1em;
+}
+
+/* workarounds */
+/* Support: Firefox 5 - 40 */
+input.ui-button::-moz-focus-inner,
+button.ui-button::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+.ui-controlgroup {
+ vertical-align: middle;
+ display: inline-block;
+}
+.ui-controlgroup > .ui-controlgroup-item {
+ float: left;
+ margin-left: 0;
+ margin-right: 0;
+}
+.ui-controlgroup > .ui-controlgroup-item:focus,
+.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
+ z-index: 9999;
+}
+.ui-controlgroup-vertical > .ui-controlgroup-item {
+ display: block;
+ float: none;
+ width: 100%;
+ margin-top: 0;
+ margin-bottom: 0;
+ text-align: left;
+}
+.ui-controlgroup-vertical .ui-controlgroup-item {
+ box-sizing: border-box;
+}
+.ui-controlgroup .ui-controlgroup-label {
+ padding: .4em 1em;
+}
+.ui-controlgroup .ui-controlgroup-label span {
+ font-size: 80%;
+}
+.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
+ border-left: none;
+}
+.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
+ border-top: none;
+}
+.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
+ border-right: none;
+}
+.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
+ border-bottom: none;
+}
+
+/* Spinner specific style fixes */
+.ui-controlgroup-vertical .ui-spinner-input {
+
+ /* Support: IE8 only, Android < 4.4 only */
+ width: 75%;
+ width: calc( 100% - 2.4em );
+}
+.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
+ border-top-style: solid;
+}
+
+.ui-checkboxradio-label .ui-icon-background {
+ box-shadow: inset 1px 1px 1px #ccc;
+ border-radius: .12em;
+ border: none;
+}
+.ui-checkboxradio-radio-label .ui-icon-background {
+ width: 16px;
+ height: 16px;
+ border-radius: 1em;
+ overflow: visible;
+ border: none;
+}
+.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
+.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
+ background-image: none;
+ width: 8px;
+ height: 8px;
+ border-width: 4px;
+ border-style: solid;
+}
+.ui-checkboxradio-disabled {
+ pointer-events: none;
+}
+.ui-datepicker {
+ width: 17em;
+ padding: .2em .2em 0;
+ display: none;
+}
+.ui-datepicker .ui-datepicker-header {
+ position: relative;
+ padding: .2em 0;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+ position: absolute;
+ top: 2px;
+ width: 1.8em;
+ height: 1.8em;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+ top: 1px;
+}
+.ui-datepicker .ui-datepicker-prev {
+ left: 2px;
+}
+.ui-datepicker .ui-datepicker-next {
+ right: 2px;
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+ left: 1px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+ right: 1px;
+}
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+ display: block;
+ position: absolute;
+ left: 50%;
+ margin-left: -8px;
+ top: 50%;
+ margin-top: -8px;
+}
+.ui-datepicker .ui-datepicker-title {
+ margin: 0 2.3em;
+ line-height: 1.8em;
+ text-align: center;
+}
+.ui-datepicker .ui-datepicker-title select {
+ font-size: 1em;
+ margin: 1px 0;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+ width: 45%;
+}
+.ui-datepicker table {
+ width: 100%;
+ font-size: .9em;
+ border-collapse: collapse;
+ margin: 0 0 .4em;
+}
+.ui-datepicker th {
+ padding: .7em .3em;
+ text-align: center;
+ font-weight: bold;
+ border: 0;
+}
+.ui-datepicker td {
+ border: 0;
+ padding: 1px;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+ display: block;
+ padding: .2em;
+ text-align: right;
+ text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-buttonpane {
+ background-image: none;
+ margin: .7em 0 0 0;
+ padding: 0 .2em;
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+}
+.ui-datepicker .ui-datepicker-buttonpane button {
+ float: right;
+ margin: .5em .2em .4em;
+ cursor: pointer;
+ padding: .2em .6em .3em .6em;
+ width: auto;
+ overflow: visible;
+}
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+ float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+ width: auto;
+}
+.ui-datepicker-multi .ui-datepicker-group {
+ float: left;
+}
+.ui-datepicker-multi .ui-datepicker-group table {
+ width: 95%;
+ margin: 0 auto .4em;
+}
+.ui-datepicker-multi-2 .ui-datepicker-group {
+ width: 50%;
+}
+.ui-datepicker-multi-3 .ui-datepicker-group {
+ width: 33.3%;
+}
+.ui-datepicker-multi-4 .ui-datepicker-group {
+ width: 25%;
+}
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+ border-left-width: 0;
+}
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+ clear: left;
+}
+.ui-datepicker-row-break {
+ clear: both;
+ width: 100%;
+ font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+ direction: rtl;
+}
+.ui-datepicker-rtl .ui-datepicker-prev {
+ right: 2px;
+ left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next {
+ left: 2px;
+ right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+ right: 1px;
+ left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+ left: 1px;
+ right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+ clear: right;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+ float: left;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+ float: right;
+}
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+ border-right-width: 0;
+ border-left-width: 1px;
+}
+
+/* Icons */
+.ui-datepicker .ui-icon {
+ display: block;
+ text-indent: -99999px;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ left: .5em;
+ top: .3em;
+}
+.ui-dialog {
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: .2em;
+ outline: 0;
+}
+.ui-dialog .ui-dialog-titlebar {
+ padding: .4em 1em;
+ position: relative;
+}
+.ui-dialog .ui-dialog-title {
+ float: left;
+ margin: .1em 0;
+ white-space: nowrap;
+ width: 90%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.ui-dialog .ui-dialog-titlebar-close {
+ position: absolute;
+ right: .3em;
+ top: 50%;
+ width: 20px;
+ margin: -10px 0 0 0;
+ padding: 1px;
+ height: 20px;
+}
+.ui-dialog .ui-dialog-content {
+ position: relative;
+ border: 0;
+ padding: .5em 1em;
+ background: none;
+ overflow: auto;
+}
+.ui-dialog .ui-dialog-buttonpane {
+ text-align: left;
+ border-width: 1px 0 0 0;
+ background-image: none;
+ margin-top: .5em;
+ padding: .3em 1em .5em .4em;
+}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+ float: right;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+ margin: .5em .4em .5em 0;
+ cursor: pointer;
+}
+.ui-dialog .ui-resizable-n {
+ height: 2px;
+ top: 0;
+}
+.ui-dialog .ui-resizable-e {
+ width: 2px;
+ right: 0;
+}
+.ui-dialog .ui-resizable-s {
+ height: 2px;
+ bottom: 0;
+}
+.ui-dialog .ui-resizable-w {
+ width: 2px;
+ left: 0;
+}
+.ui-dialog .ui-resizable-se,
+.ui-dialog .ui-resizable-sw,
+.ui-dialog .ui-resizable-ne,
+.ui-dialog .ui-resizable-nw {
+ width: 7px;
+ height: 7px;
+}
+.ui-dialog .ui-resizable-se {
+ right: 0;
+ bottom: 0;
+}
+.ui-dialog .ui-resizable-sw {
+ left: 0;
+ bottom: 0;
+}
+.ui-dialog .ui-resizable-ne {
+ right: 0;
+ top: 0;
+}
+.ui-dialog .ui-resizable-nw {
+ left: 0;
+ top: 0;
+}
+.ui-draggable .ui-dialog-titlebar {
+ cursor: move;
+}
+.ui-progressbar {
+ height: 2em;
+ text-align: left;
+ overflow: hidden;
+}
+.ui-progressbar .ui-progressbar-value {
+ margin: -1px;
+ height: 100%;
+}
+.ui-progressbar .ui-progressbar-overlay {
+ background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
+ height: 100%;
+ filter: alpha(opacity=25); /* support: IE8 */
+ opacity: 0.25;
+}
+.ui-progressbar-indeterminate .ui-progressbar-value {
+ background-image: none;
+}
+.ui-selectmenu-menu {
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: none;
+}
+.ui-selectmenu-menu .ui-menu {
+ overflow: auto;
+ overflow-x: hidden;
+ padding-bottom: 1px;
+}
+.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
+ font-size: 1em;
+ font-weight: bold;
+ line-height: 1.5;
+ padding: 2px 0.4em;
+ margin: 0.5em 0 0 0;
+ height: auto;
+ border: 0;
+}
+.ui-selectmenu-open {
+ display: block;
+}
+.ui-selectmenu-text {
+ display: block;
+ margin-right: 20px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.ui-selectmenu-button.ui-button {
+ text-align: left;
+ white-space: nowrap;
+ width: 14em;
+}
+.ui-selectmenu-icon.ui-icon {
+ float: right;
+ margin-top: 0;
+}
+.ui-slider {
+ position: relative;
+ text-align: left;
+}
+.ui-slider .ui-slider-handle {
+ position: absolute;
+ z-index: 2;
+ width: 1.2em;
+ height: 1.2em;
+ cursor: default;
+ -ms-touch-action: none;
+ touch-action: none;
+}
+.ui-slider .ui-slider-range {
+ position: absolute;
+ z-index: 1;
+ font-size: .7em;
+ display: block;
+ border: 0;
+ background-position: 0 0;
+}
+
+/* support: IE8 - See #6727 */
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+ filter: inherit;
+}
+
+.ui-slider-horizontal {
+ height: .8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+ top: -.3em;
+ margin-left: -.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+ top: 0;
+ height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+ left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+ right: 0;
+}
+
+.ui-slider-vertical {
+ width: .8em;
+ height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+ left: -.3em;
+ margin-left: 0;
+ margin-bottom: -.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+ left: 0;
+ width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+ bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+ top: 0;
+}
+.ui-spinner {
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ padding: 0;
+ vertical-align: middle;
+}
+.ui-spinner-input {
+ border: none;
+ background: none;
+ color: inherit;
+ padding: .222em 0;
+ margin: .2em 0;
+ vertical-align: middle;
+ margin-left: .4em;
+ margin-right: 2em;
+}
+.ui-spinner-button {
+ width: 1.6em;
+ height: 50%;
+ font-size: .5em;
+ padding: 0;
+ margin: 0;
+ text-align: center;
+ position: absolute;
+ cursor: default;
+ display: block;
+ overflow: hidden;
+ right: 0;
+}
+/* more specificity required here to override default borders */
+.ui-spinner a.ui-spinner-button {
+ border-top-style: none;
+ border-bottom-style: none;
+ border-right-style: none;
+}
+.ui-spinner-up {
+ top: 0;
+}
+.ui-spinner-down {
+ bottom: 0;
+}
+.ui-tabs {
+ position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+ padding: .2em;
+}
+.ui-tabs .ui-tabs-nav {
+ margin: 0;
+ padding: .2em .2em 0;
+}
+.ui-tabs .ui-tabs-nav li {
+ list-style: none;
+ float: left;
+ position: relative;
+ top: 0;
+ margin: 1px .2em 0 0;
+ border-bottom-width: 0;
+ padding: 0;
+ white-space: nowrap;
+}
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
+ float: left;
+ padding: .5em 1em;
+ text-decoration: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+ margin-bottom: -1px;
+ padding-bottom: 1px;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
+ cursor: text;
+}
+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
+ cursor: pointer;
+}
+.ui-tabs .ui-tabs-panel {
+ display: block;
+ border-width: 0;
+ padding: 1em 1.4em;
+ background: none;
+}
+.ui-tooltip {
+ padding: 8px;
+ position: absolute;
+ z-index: 9999;
+ max-width: 300px;
+}
+body .ui-tooltip {
+ border-width: 2px;
+}
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+ font-family: Verdana,Arial,sans-serif;
+ font-size: 1.1em;
+}
+.ui-widget .ui-widget {
+ font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+ font-family: Verdana,Arial,sans-serif;
+ font-size: 1em;
+}
+.ui-widget.ui-widget-content {
+ border: 1px solid #d3d3d3;
+}
+.ui-widget-content {
+ border: 1px solid #aaaaaa;
+ background: #ffffff;
+ color: #222222;
+}
+.ui-widget-content a {
+ color: #222222;
+}
+.ui-widget-header {
+ border: 1px solid #aaaaaa;
+ background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
+ color: #222222;
+ font-weight: bold;
+}
+.ui-widget-header a {
+ color: #222222;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+.ui-button,
+
+/* We use html here because we need a greater specificity to make sure disabled
+works properly when clicked or hovered */
+html .ui-button.ui-state-disabled:hover,
+html .ui-button.ui-state-disabled:active {
+ border: 1px solid #d3d3d3;
+ background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
+ font-weight: normal;
+ color: #555555;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited,
+a.ui-button,
+a:link.ui-button,
+a:visited.ui-button,
+.ui-button {
+ color: #555555;
+ text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus,
+.ui-button:hover,
+.ui-button:focus {
+ border: 1px solid #999999;
+ background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
+ font-weight: normal;
+ color: #212121;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited,
+a.ui-button:hover,
+a.ui-button:focus {
+ color: #212121;
+ text-decoration: none;
+}
+
+.ui-visual-focus {
+ box-shadow: 0 0 3px 1px rgb(94, 158, 214);
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+ border: 1px solid #aaaaaa;
+ background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
+ font-weight: normal;
+ color: #212121;
+}
+.ui-icon-background,
+.ui-state-active .ui-icon-background {
+ border: #aaaaaa;
+ background-color: #212121;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+ color: #212121;
+ text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+ border: 1px solid #fcefa1;
+ background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
+ color: #363636;
+}
+.ui-state-checked {
+ border: 1px solid #fcefa1;
+ background: #fbf9ee;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+ color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+ border: 1px solid #cd0a0a;
+ background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
+ color: #cd0a0a;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+ color: #cd0a0a;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+ color: #cd0a0a;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+ font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+ opacity: .7;
+ filter:Alpha(Opacity=70); /* support: IE8 */
+ font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+ opacity: .35;
+ filter:Alpha(Opacity=35); /* support: IE8 */
+ background-image: none;
+}
+.ui-state-disabled .ui-icon {
+ filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+ width: 16px;
+ height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+ background-image: url("images/ui-icons_222222_256x240.png");
+}
+.ui-widget-header .ui-icon {
+ background-image: url("images/ui-icons_222222_256x240.png");
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon,
+.ui-button:hover .ui-icon,
+.ui-button:focus .ui-icon {
+ background-image: url("images/ui-icons_454545_256x240.png");
+}
+.ui-state-active .ui-icon,
+.ui-button:active .ui-icon {
+ background-image: url("images/ui-icons_454545_256x240.png");
+}
+.ui-state-highlight .ui-icon,
+.ui-button .ui-state-highlight.ui-icon {
+ background-image: url("images/ui-icons_2e83ff_256x240.png");
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+ background-image: url("images/ui-icons_cd0a0a_256x240.png");
+}
+.ui-button .ui-icon {
+ background-image: url("images/ui-icons_888888_256x240.png");
+}
+
+/* positioning */
+.ui-icon-blank { background-position: 16px 16px; }
+.ui-icon-caret-1-n { background-position: 0 0; }
+.ui-icon-caret-1-ne { background-position: -16px 0; }
+.ui-icon-caret-1-e { background-position: -32px 0; }
+.ui-icon-caret-1-se { background-position: -48px 0; }
+.ui-icon-caret-1-s { background-position: -65px 0; }
+.ui-icon-caret-1-sw { background-position: -80px 0; }
+.ui-icon-caret-1-w { background-position: -96px 0; }
+.ui-icon-caret-1-nw { background-position: -112px 0; }
+.ui-icon-caret-2-n-s { background-position: -128px 0; }
+.ui-icon-caret-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -65px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -65px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+ border-top-left-radius: 4px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+ border-top-right-radius: 4px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+ border-bottom-left-radius: 4px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+ border-bottom-right-radius: 4px;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+ background: #aaaaaa;
+ opacity: .3;
+ filter: Alpha(Opacity=30); /* support: IE8 */
+}
+.ui-widget-shadow {
+ -webkit-box-shadow: -8px -8px 8px #aaaaaa;
+ box-shadow: -8px -8px 8px #aaaaaa;
+}
diff --git a/themes/metro/layout.inc.php b/themes/metro/layout.inc.php
new file mode 100644
index 0000000000..90e95fa78a
--- /dev/null
+++ b/themes/metro/layout.inc.php
@@ -0,0 +1,167 @@
+