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 @@ + + + + +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ 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 @@ +