diff options
Diffstat (limited to 'srcs/phpmyadmin/themes/original/scss')
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/_common.scss | 3773 | ||||
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/_icons.scss | 683 | ||||
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/_navigation.scss | 469 | ||||
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/_variables.scss | 60 | ||||
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/printview.scss | 1 | ||||
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/theme-rtl.scss | 3 | ||||
| -rw-r--r-- | srcs/phpmyadmin/themes/original/scss/theme.scss | 13 |
7 files changed, 0 insertions, 5002 deletions
diff --git a/srcs/phpmyadmin/themes/original/scss/_common.scss b/srcs/phpmyadmin/themes/original/scss/_common.scss deleted file mode 100644 index 03e3959..0000000 --- a/srcs/phpmyadmin/themes/original/scss/_common.scss +++ /dev/null @@ -1,3773 +0,0 @@ -// Common styles for the original theme - -html { - font-size: 82%; -} - -input, -select, -textarea { - font-size: 1em; -} - -body { - font-family: $font-family; - padding: 0; - margin: 0; - margin-#{$left}: 240px; - color: $main-color; - background: $main-background; -} - -#page_content { - margin: 0 0.5em; -} - -.desktop50 { - width: 50%; -} - -.all100 { - width: 100%; -} - -.all85 { - width: 85%; -} - -.auth_config_tbl { - margin: 0 auto; -} - -textarea, -tt, -pre, -code { - font-family: $font-family-fixed; -} - -h1 { - font-size: 140%; - font-weight: bold; -} - -h2 { - font-size: 120%; - font-weight: bold; -} - -h3 { - font-weight: bold; - font-size: 1rem; -} - -a { - text-decoration: none; - color: #00f; - cursor: pointer; - - &:link, - &:visited, - &:active { - text-decoration: none; - color: #00f; - cursor: pointer; - } -} - -button.mult_submit, -.checkall_box + label { - text-decoration: none; - color: #00f; - cursor: pointer; -} - -a:hover { - text-decoration: underline; - color: #f00; -} - -button.mult_submit { - &:hover, - &:focus { - text-decoration: underline; - color: #f00; - } -} - -.checkall_box + label:hover { - text-decoration: underline; - color: #f00; -} - -dfn { - font-style: normal; - - &:hover { - font-style: normal; - cursor: help; - } -} - -th { - font-weight: bold; - color: $th-color; - background: $th-background; -} - -a img { - border: 0; -} - -hr { - color: $main-color; - background-color: $main-color; - border: 0; - height: 1px; -} - -form { - padding: 0; - margin: 0; - display: inline; -} - -textarea { - overflow: visible; -} - -th.fillPage { - width: 80%; -} - -textarea.charField { - width: 95%; -} - -fieldset { - margin-top: 1em; - border: $main-color solid 1px; - padding: 0.5em; - background: $bg-one; - - fieldset { - margin: 0.8em; - } - - legend { - font-weight: bold; - color: #444; - background-color: transparent; - width: initial; - font-size: 1rem; - } -} - -.some-margin { - margin: 0.5em; - margin-top: 1em; -} - -// buttons in some browsers (eg. Konqueror) are block elements, this breaks design -button { - display: inline; -} - -table { - caption, - th, - td { - padding: 0.1em 0.5em 0.1em 0.5em; - margin: 0.1em; - vertical-align: top; - } -} - -img, -input, -select, -button { - vertical-align: middle; -} - -// classes -.clearfloat { - clear: both; -} - -.floatleft { - float: $left; - margin-#{$right}: 1em; -} - -.floatright { - float: $right; -} - -table { - &.nospacing { - border-spacing: 0; - } - - &.nopadding tr { - th, - 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.vtop, -td.vtop { - vertical-align: top; -} - -tr.vmiddle, -th.vmiddle, -td.vmiddle { - vertical-align: middle; -} - -tr.vbottom, -th.vbottom, -td.vbottom { - vertical-align: bottom; -} - -.paddingtop { - padding-top: 1em; -} - -div.tools { - border: 1px solid #000; - padding: 0.2em; - margin-top: 0; - margin-bottom: 0.5em; - - /* avoid a thick line since this should be used under another fieldset */ - border-top: 0; - text-align: $right; - float: none; - clear: both; -} - -fieldset.tblFooters { - margin-top: 0; - margin-bottom: 0.5em; - - /* avoid a thick line since this should be used under another fieldset */ - border-top: 0; - text-align: $right; - float: none; - clear: both; -} - -div.null_div { - height: 20px; - text-align: center; - font-style: normal; - min-width: 50px; -} - -fieldset { - .formelement { - float: $left; - margin-#{$right}: 0.5em; - white-space: nowrap; - } - - // revert for Gecko - div[class="formelement"] { - white-space: normal; - } -} - -button.mult_submit { - border: none; - background-color: transparent; -} - -// odd items 1,3,5,7... -table tr:nth-child(odd) { - background: $bg-one; -} - -#table_index tbody:nth-of-type(odd) { - tr, - th { - background: $bg-one; - } -} - -// even items 2,4,6,8... -table tr:nth-child(even) { - background: $bg-two; -} - -#table_index tbody:nth-of-type(even) { - tr, - th { - background: $bg-two; - } -} - -table tr { - text-align: $left; - - th { - text-align: $left; - } -} - -td.marked:not(.nomarker) { - background: $browse-marker-background; - color: $browse-marker-color; -} - -table tr { - &.marked:not(.nomarker) { - background: $browse-marker-background; - color: $browse-marker-color; - - td, - th { - background: $browse-marker-background; - color: $browse-marker-color; - } - } - - &:not(.nopointer):hover { - background: $browse-pointer-background; - color: $browse-pointer-color; - } -} - -.hover:not(.nopointer) { - background: $browse-pointer-background; - color: $browse-pointer-color; -} - -#table_index tbody:hover { - tr, - th { - background: $browse-pointer-background; - color: $browse-pointer-color; - } -} - -table tr.hover:not(.nopointer) th { - background: $browse-pointer-background; - color: $browse-pointer-color; -} - -/** - * marks table rows/cells if the db field is in a where condition - */ -td.condition, -th.condition { - border: 1px solid $browse-marker-background; -} - -/** - * cells with the value NULL - */ -td.null { - font-style: italic; - color: #7d7d7d; -} - -table { - .valueHeader, - .value { - text-align: $right; - white-space: normal; - } - - /* IE doesnt handles 'pre' right */ - [class="value"] { - white-space: normal; - } -} - -.value { - font-family: $font-family-fixed; -} - -.attention { - color: red; - font-weight: bold; -} - -.allfine { - color: green; -} - -.displayblock { - display: block; -} - -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 #000; - color: inherit !important; -} - -/* leave some space between icons and text */ -.icon { - image-rendering: pixelated; - vertical-align: middle; - margin-#{$left}: 0.3em; - background-repeat: no-repeat; - background-position: center; -} - -/* no extra space in table cells */ -td .icon { - margin: 0; -} - -.selectallarrow { - margin-#{$right}: 0.3em; - margin-#{$left}: 0.6em; -} - -.with-selected { - margin-#{$left}: 2em; -} - -/* message boxes: error, confirmation */ -#pma_errors, -#pma_demo, -#pma_footer { - position: relative; - padding: 0 0.5em; -} - -.success h1, -.notice h1 { - border-bottom: 2px solid; - font-weight: bold; - text-align: $left; - margin: 0 0 0.2em 0; -} - -div { - &.error h1 { - border-bottom: 2px solid; - font-weight: bold; - text-align: $left; - margin: 0 0 0.2em 0; - } - - &.success, - &.notice, - &.error { - margin: 0.3em 0 0 0; - border: 2px solid; - background-repeat: no-repeat; - clear: both; - - @if $direction == rtl { - background-position: 99% 50%; - padding: 0.1em 40px 0.1em 0.1em; - } @else { - background-position: 10px 50%; - padding: 0.1em 0.1em 0.1em 42px; - } - } - - &.success img.icon, - &.notice img.icon, - &.error img.icon { - display: block; - float: $left; - margin-#{$left}: -22px; - } -} - -.success { - color: #000; - background-color: #f0fff0; -} - -h1.success, -div.success, -.success h1 { - border-color: #0f0; -} - -.notice { - color: #000; - background-color: #ffd; -} - -h1.notice, -div.notice, -.notice h1 { - border-color: #ffd700; -} - -.error { - background-color: #ffc; - color: #f00; -} - -h1.error { - border-color: #f00; -} - -div.error { - border-color: #f00; - - h1 { - border-color: #f00; - } -} - -.confirmation { - background-color: #ffc; -} - -fieldset.confirmation { - border: 0.1em solid #f00; - - legend { - border-#{$left}: 0.1em solid #f00; - border-#{$right}: 0.1em solid #f00; - font-weight: bold; - background-image: url("../img/s_really.png"); - background-repeat: no-repeat; - - @if $direction == rtl { - background-position: 97% 50%; - padding: 0.2em 25px 0.2em 0.2em; - } @else { - background-position: 5px 50%; - padding: 0.2em 0.2em 0.2em 25px; - } - } -} - -/* end messageboxes */ - -.new_central_col { - width: 100%; -} - -.tblcomment { - font-size: 70%; - font-weight: normal; - color: #009; -} - -.tblHeaders { - font-weight: bold; - color: $th-color; - background: $th-background; -} - -div.tools, -.tblFooters { - font-weight: normal; - color: $th-color; - background: $th-background; -} - -.tblHeaders a { - &:link, - &:active, - &:visited { - color: #00f; - } - - &:hover { - color: #f00; - } -} - -div.tools a { - &:link, - &:visited, - &:active { - color: #00f; - } - - &:hover { - color: #f00; - } -} - -.tblFooters a { - &:link, - &:active, - &:visited { - color: #00f; - } - - &:hover { - color: #f00; - } -} - -/* forbidden, no privilegs */ -.noPrivileges { - color: #f00; - font-weight: bold; -} - -/* disabled text */ - -.disabled { - color: #666; - - a { - &:link, - &:active, - &:visited { - color: #666; - } - - &:hover { - color: #666; - text-decoration: none; - } - } -} - -tr.disabled td, -td.disabled { - background-color: #ccc; -} - -.nowrap { - white-space: nowrap; -} - -/** - * zoom search - */ - -div { - &#resizer { - width: 600px; - height: 400px; - } - - &#querychart { - float: $left; - width: 600px; - } -} - -/** - * login form - */ -body#loginform { - margin: 0; - margin-top: 1em; - text-align: center; - - h1, - a.logo { - display: block; - text-align: center; - } - - div.container { - text-align: $left; - width: 30em; - margin: 0 auto; - } -} - -div.container.modal_form { - margin: 0 auto; - width: 30em; - text-align: center; - background: #fff; - z-index: 999; -} - -#login_form { - text-align: $left; -} - -div#modalOverlay { - position: fixed; - top: 0; - #{$left}: 0; - height: 100%; - width: 100%; - background: #fff; - z-index: 900; -} - -form.login label { - width: 10em; - font-weight: bolder; -} - -.commented_column { - border-bottom: 1px dashed black; -} - -.column_attribute { - font-size: 70%; -} - -.column_name { - font-size: 80%; - margin: 5px 2px; -} - -.cfg_dbg_demo { - margin: 0.5em 1em 0.5em 1em; -} - -.central_columns_navigation { - padding: 1.5% 0 !important; -} - -.central_columns_add_column { - display: inline-block; - margin-#{$left}: 1%; - max-width: 50%; -} - -.message_errors_found { - margin-top: 20px; -} - -.repl_gui_skip_err_cnt { - width: 30px; -} - -.font_weight_bold { - font-weight: bold; -} - -.color_gray { - color: gray; -} - -.max_height_400 { - max-height: 400px; -} - -.color_red { - color: red; -} - -.pma_sliding_message { - display: inline-block; -} - -li.last.database { - margin-bottom: 20px !important; -} - -/* specific elements */ - -/* topmenu */ - -ul { - &#topmenu, - &#topmenu2, - &.tabs { - font-weight: bold; - list-style-type: none; - margin: 0; - padding: 0; - } - - &#topmenu2 { - margin: 0.25em 0.5em 0; - height: 2em; - clear: both; - } - - &#topmenu li, - &#topmenu2 li { - float: $left; - margin: 0; - padding: 0; - vertical-align: middle; - } -} - -#topmenu img, -#topmenu2 img { - vertical-align: middle; - margin-#{$right}: 0.1em; -} - -/* default tab styles */ - -ul { - &#topmenu { - a, - span { - display: block; - margin: 2px 2px 0; - padding: 2px 2px 0; - white-space: nowrap; - } - } - - &#topmenu2 a { - display: block; - margin: 0.1em; - padding: 0.2em; - white-space: nowrap; - } -} - -span { - &.caution { - color: #f00; - } - - &.success { - color: green; - } -} - -fieldset.caution a { - color: #f00; - - &:hover { - color: #fff; - background-color: #f00; - } -} - -#topmenu { - margin-top: 0.5em; - padding: 0.1em 0.3em 0.1em 0.3em; -} - -ul { - &#topmenu { - ul { - -moz-box-shadow: 2px 2px 3px #666; - -webkit-box-shadow: 2px 2px 3px #666; - box-shadow: 2px 2px 3px #666; - } - - > li { - border-bottom: 1pt solid black; - } - - a, - span { - background-color: $bg-one; - border: 0 solid $bg-two; - border-width: 1pt 1pt 0 1pt; - -moz-border-radius: 0.4em 0.4em 0 0; - border-radius: 0.4em 0.4em 0 0; - } - - ul { - a { - border-width: 1pt 0 0 0; - -moz-border-radius: 0; - border-radius: 0; - } - - li:first-child a { - border-width: 0; - } - - a:hover, - .tabactive { - text-decoration: none; - } - } - - > li > { - a:hover, - .tabactive { - margin: 0; - padding: 2px 4px; - text-decoration: none; - } - } - - a.tab:hover, - .tabactive { - background-color: $main-background; - } - } - - &#topmenu2 a { - &.tab:hover, - &.tabactive { - background-color: $bg-one; - -moz-border-radius: 0.3em; - border-radius: 0.3em; - text-decoration: none; - } - } - - &#topmenu > li.active { - border-bottom: 1pt solid $main-background; - } -} - -/* zoom search */ -div#dataDisplay { - input, - select { - margin: 0; - margin-#{$right}: 0.5em; - } - - th { - line-height: 2em; - } -} - -table { - &#tableFieldsId { - width: 100%; - } - - &.calendar { - width: 100%; - - td { - text-align: center; - - a { - display: block; - - &:hover { - background-color: #cfc; - } - } - } - - th { - background-color: #d3dce3; - } - - td.selected { - background-color: #fc9; - } - } -} - -img.calendar { - border: none; -} - -form.clock { - text-align: center; -} - -div#tablestatistics table { - float: $left; - margin-top: 0.5em; - margin-bottom: 0.5em; - margin-#{$right}: 0.5em; - min-width: 16em; -} - -#tableuserrights td, -#tablespecificuserrights td, -#tabledatabases td { - vertical-align: middle; -} - -#topmenucontainer { - background: white; - padding-#{$right}: 1em; - width: 100%; -} - -#serverinfo { - background: white; - font-weight: bold; - padding-bottom: 0.5em; - padding-#{$left}: 2.2em; - width: 10000px; - overflow: hidden; - box-sizing: content-box; - - .item { - white-space: nowrap; - } - - img { - margin: 0 0.1em 0 0.2em; - } -} - -#page_nav_icons { - position: fixed; - top: 0; - #{$right}: 0; - z-index: 99; - padding: 0.1em 0; -} - -#goto_pagetop, -#lock_page_icon { - padding: 0.3em; - background: white; -} - -#page_settings_icon { - padding: 0.3em; - background: white; - cursor: pointer; - display: none; -} - -#page_settings_modal, -#pma_navigation_settings { - display: none; -} - -#span_table_comment { - font-weight: bold; - font-style: italic; - white-space: nowrap; - margin-#{$left}: 10px; - color: #d6d6d6; - text-shadow: none; -} - -#textSQLDUMP { - width: 95%; - height: 95%; - font-family: $font-family-fixed; - font-size: 110%; -} - -#TooltipContainer { - position: absolute; - z-index: 99; - width: 20em; - height: auto; - overflow: visible; - visibility: hidden; - background-color: #ffc; - color: #060; - border: 0.1em solid #000; - padding: 0.5em; -} - -#fieldset_add_user_login { - div.item { - border-bottom: 1px solid silver; - padding-bottom: 0.3em; - margin-bottom: 0.3em; - } - - label { - float: $left; - display: block; - width: 15em; - max-width: 100%; - text-align: $right; - padding-#{$right}: 0.5em; - } - - span.options { - float: $left; - display: block; - width: 12em; - max-width: 100%; - padding-#{$right}: 0.5em; - - #select_pred_username, - #select_pred_hostname, - #select_pred_password { - width: 100%; - max-width: 100%; - } - } - - input { - width: 12em; - clear: $right; - max-width: 100%; - } - - span.options input { - width: auto; - } -} - -#fieldset_user_priv div.item { - float: $left; - width: 9em; - max-width: 100%; - - div.item { - float: none; - } - - label { - white-space: nowrap; - } - - select { - width: 100%; - } -} - -#fieldset_user_global_rights fieldset, -#fieldset_user_group_rights fieldset { - float: $left; -} - -#fieldset_user_global_rights > legend input { - margin-#{$left}: 2em; -} - -.linkElem:hover { - text-decoration: underline; - color: #235a81; - cursor: pointer; -} - -h3#serverstatusqueries span { - font-size: 60%; - display: inline; -} - -.buttonlinks { - float: $right; - white-space: nowrap; -} - -fieldset#tableFilter { - padding: 0.1em 1em; -} - -div#serverStatusTabs { - margin-top: 1em; -} - -caption a.top { - float: $right; -} - -div { - &#serverstatusquerieschart { - float: $left; - width: 500px; - height: 350px; - margin-#{$right}: 50px; - } - - &#serverstatus table#serverstatusqueriesdetails { - float: $left; - } -} - -table { - &#serverstatustraffic { - float: $left; - } - - &#serverstatusconnections { - float: $left; - margin-#{$left}: 30px; - } - - &#serverstatusvariables { - width: 100%; - margin-bottom: 1em; - - .name { - width: 18em; - white-space: nowrap; - } - - .value { - width: 6em; - } - } - - &#serverstatusconnections { - float: $left; - margin-#{$left}: 30px; - } -} - -div { - &#serverstatus table { - tbody td.descr a, - .tblFooters a { - white-space: nowrap; - } - } - - &.liveChart { - clear: both; - min-width: 500px; - height: 400px; - padding-bottom: 80px; - } -} - -#addChartDialog input[type="text"] { - margin: 0; - padding: 3px; -} - -div#chartVariableSettings { - border: 1px solid #ddd; - background-color: #e6e6e6; - margin-#{$left}: 10px; -} - -table#chartGrid { - td { - padding: 3px; - margin: 0; - } - - div.monitorChart { - background: #ebebeb; - border: none; - } -} - -div.tabLinks { - margin-#{$left}: 0.3em; - float: $left; - padding: 5px 0; - - a, - label { - margin-#{$right}: 7px; - } - - .icon { - margin: -0.2em 0.3em 0 0; - } -} - -.popupContent { - display: none; - position: absolute; - border: 1px solid #ccc; - margin: 0; - padding: 3px; - -moz-box-shadow: 1px 1px 6px #ddd; - -webkit-box-shadow: 2px 2px 3px #666; - box-shadow: 2px 2px 3px #666; - background-color: white; - z-index: 2; -} - -div#logTable { - padding-top: 10px; - clear: both; - - table { - width: 100%; - } -} - -.smallIndent { - padding-#{$left}: 7px; -} - -#sectionlinks { - margin-bottom: 15px; - padding: 10px; - border: 1px solid #ccc; - - a { - margin-#{$right}: 7px; - } -} - -/* server variables */ -#serverVariables { - width: 100%; - - .var-row > tr { - line-height: 2em; - } - - .var-header { - font-weight: bold; - color: $th-color; - background: $th-background; - text-align: $left; - } - - .var-row { - padding: 0.5em; - min-height: 18px; - } - - .var-name { - font-weight: bold; - - &.session { - font-weight: normal; - font-style: italic; - } - } - - .var-value { - text-align: $right; - float: $right; - } - - .editLink { - padding-#{$right}: 1em; - font-family: sans-serif; - } - - .serverVariableEditor { - width: 100%; - overflow: hidden; - - 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; - } - - div { - display: block; - overflow: hidden; - padding-#{$right}: 1em; - } - - a { - margin: 0 0.5em; - line-height: 2em; - } - } -} - -/* profiling */ -div#profilingchart { - width: 850px; - height: 370px; - float: $left; -} - -#profilingchart .jqplot-highlighter-tooltip { - top: auto !important; - #{$left}: 11px; - bottom: 24px; -} - -/* table charting */ -.chartOption { - float: $left; - margin-#{$right}: 40px; -} - -/* querybox */ - -div { - &#sqlquerycontainer { - float: $left; - width: 69%; - } - - &#tablefieldscontainer { - float: $right; - width: 29%; - - select { - width: 100%; - } - } -} - -textarea { - &#sqlquery { - width: 100%; - } - - &#sql_query_edit { - height: 7em; - width: 95%; - display: block; - } -} - -div#queryboxcontainer div#bookmarkoptions { - margin-top: 0.5em; -} - -/* end querybox */ - -/* main page */ - -#maincontainer { - background-image: url("../img/logo_right.png"); - background-position: right bottom; - background-repeat: no-repeat; -} - -#mysqlmaininformation, -#pmamaininformation { - float: $left; - width: 49%; -} - -#maincontainer { - ul { - list-style-type: disc; - vertical-align: middle; - } - - li { - margin: 0.2em 0; - } -} - -#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.no_bullets { - list-style-type: none !important; - margin-#{$left}: -25px !important; -} - -/* end iconic view for ul items */ - -#body_browse_foreigners { - background: $navi-background; - margin: 0.5em 0.5em 0 0.5em; -} - -#bodythemes { - width: 500px; - margin: auto; - text-align: center; - - img { - border: 0.1em solid #000; - } - - a:hover img { - border: 0.1em solid red; - } -} - -#fieldset_select_fields { - float: $left; -} - -#selflink { - clear: both; - display: block; - margin-top: 1em; - margin-bottom: 1em; - width: 98%; - margin-#{$left}: 1%; - border-top: 0.1em solid silver; - text-align: $right; -} - -#table_innodb_bufferpool_usage, -#table_innodb_bufferpool_activity { - float: $left; -} - -#div_mysql_charset_collations table { - float: $left; - - th, - td { - padding: 0.4em; - } - - th#collationHeader { - width: 35%; - } -} - -#qbe_div_table_list, -#qbe_div_sql_query { - float: $left; -} - -label.desc { - width: 30em; - float: $left; - - sup { - position: absolute; - } -} - -code { - &.php { - display: block; - padding-#{$left}: 0.3em; - margin-top: 0; - margin-bottom: 0; - max-height: 10em; - overflow: auto; - direction: ltr; - } - - &.sql { - display: block; - padding: 0.3em; - margin-top: 0; - margin-bottom: 0; - max-height: 10em; - overflow: auto; - direction: ltr; - } -} - -div.sqlvalidate { - display: block; - padding: 0.3em; - margin-top: 0; - margin-bottom: 0; - max-height: 10em; - overflow: auto; - direction: ltr; -} - -.result_query div.sqlOuter, -div.sqlvalidate { - border: $main-color solid 1px; - border-top: 0; - border-bottom: 0; - background: $bg-one; -} - -.result_query div.sqlOuter { - text-align: $left; -} - -#PMA_slidingMessage code.sql { - border: $main-color solid 1px; - border-top: 0; - background: $bg-one; -} - -#main_pane_left { - width: 60%; - min-width: 260px; - float: $left; - padding-top: 1em; -} - -#main_pane_right { - overflow: hidden; - min-width: 160px; - padding-top: 1em; - padding-#{$left}: 1em; -} - -.group { - border-#{$left}: 0.3em solid $th-background; - margin-bottom: 1em; - - h2 { - background: $th-background; - padding: 0.1em 0.3em; - margin-top: 0; - } -} - -.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-type: none; - padding: 0; -} - -/** - * Progress bar styles - */ - -div { - &.upload_progress { - width: 400px; - margin: 3em auto; - text-align: center; - } - - &.upload_progress_bar_outer { - border: 1px solid #000; - width: 202px; - position: relative; - margin: 0 auto 1em; - color: $main-color; - } - - &.upload_progress_bar_inner { - background-color: $navi-pointer-background; - width: 0; - height: 12px; - margin: 1px; - overflow: hidden; - color: $browse-marker-color; - position: relative; - } - - &.upload_progress_bar_outer div.percentage { - position: absolute; - top: 0; - #{$left}: 0; - width: 202px; - } - - &.upload_progress_bar_inner div.percentage { - top: -1px; - #{$left}: -1px; - } - - &#statustext { - margin-top: 0.5em; - } -} - -table { - &#serverconnection_src_remote, - &#serverconnection_trg_remote, - &#serverconnection_src_local, - &#serverconnection_trg_local { - float: $left; - } -} - -/** - * Validation error message styles - */ - -input { - &[type="text"].invalid_value, - &[type="password"].invalid_value, - &[type="number"].invalid_value, - &[type="date"].invalid_value { - background: #fcc; - } -} - -select.invalid_value, -.invalid_value { - background: #fcc; -} - -/** - * Ajax notification styling - */ -.ajax_notification { - // The notification needs to be shown on the top of the page - top: 0; - position: fixed; - margin-top: 0; - margin-#{$right}: auto; - margin-bottom: 0; - margin-#{$left}: auto; - // Keep a little space on the sides of the text - padding: 3px 5px; - width: 350px; - background-color: #ffd700; - // If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this - z-index: 1100; - text-align: center; - display: block; - #{$left}: 0; - #{$right}: 0; - background-image: url("../img/ajax_clock_small.gif"); - background-repeat: no-repeat; - background-position: 2%; -} - -#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; - } - - .all { - font-weight: bold; - border-bottom: 1px solid black; - } -} - -.export_structure, -.export_data { - text-align: center; -} - -.export_table_name { - vertical-align: middle; -} - -.exportoptions { - h2 { - word-wrap: break-word; - } - - h3 { - border-bottom: 1px #999 solid; - font-size: 110%; - } -} - -.importoptions h3 { - border-bottom: 1px #999 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: $left; - width: 15em; -} - -.exportoptions, -.importoptions { - margin: 20px 30px 30px 10px; -} - -.format_specific_options { - border: 1px solid #999; - margin: 7px 0; - padding: 3px; - - h3 { - margin: 10px 0 0 10px; - border: 0; - } -} - -p.desc { - margin: 5px; -} - -/** - * Export styles only - */ - -select { - &#db_select, - &#table_select { - width: 400px; - } -} - -.export_sub_options { - margin: 20px 0 0 30px; - - h4 { - border-bottom: 1px #999 solid; - } - - li { - margin-bottom: 0; - - &.subgroup { - display: inline-block; - margin-top: 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; - #{$left}: 0; - background: #000; - z-index: 1000; - overflow: hidden; -} - -/** - * Create table styles - */ -#create_table_form table.table-name td { - vertical-align: middle; -} - -/** - * Table structure styles - */ -#fieldsForm ul.table-structure-actions { - margin: 0; - padding: 0; - list-style: none; - - li { - float: $left; - margin-#{$right}: 0.5em; - } - - .submenu li { - padding: 0.3em; - margin: 0.1em; - } -} - -#structure-action-links a { - margin-#{$right}: 1em; -} - -#addColumns input { - &[type="radio"] { - margin: 0; - margin-#{$left}: 1em; - } - - &[type="submit"] { - margin-#{$left}: 1em; - } -} - -/** - * Indexes - */ - -#index_frm { - .index_info { - input[type="text"], - select { - width: 100%; - box-sizing: border-box; - -ms-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - } - } - - .slider { - width: 10em; - margin: 0.6em; - float: $left; - } - - .add_fields { - float: $left; - - input { - margin-#{$left}: 1em; - } - } - - input { - margin: 0; - } - - td { - vertical-align: middle; - } -} - -table#index_columns { - width: 100%; - - select { - width: 85%; - float: $right; - } -} - -#move_columns_dialog { - div { - padding: 1em; - } - - ul { - list-style: none; - margin: 0; - padding: 0; - } - - li { - background: $th-background; - border: 1px solid #aaa; - color: $th-color; - font-weight: bold; - margin: 0.4em; - padding: 0.2em; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - } -} - -/* config forms */ - -.config-form { - ul.tabs { - margin: 1.1em 0.2em 0; - padding: 0 0 0.3em 0; - list-style: none; - font-weight: bold; - - li { - float: $left; - - a { - display: block; - margin: 0.1em 0.2em 0; - padding: 0.1em 0.4em; - white-space: nowrap; - text-decoration: none; - border: 1px solid $bg-two; - border-bottom: none; - - &:hover, - &:active, - &.active { - margin: 0; - padding: 0.1em 0.6em 0.2em; - } - } - - &.active a { - background-color: $bg-one; - } - } - } - - fieldset { - margin-top: 0; - padding: 0; - clear: both; - } - - legend { - display: none; - } - - fieldset { - p { - margin: 0; - padding: 0.5em; - background: $bg-two; - } - - /* form error list */ - .errors { - margin: 0 -2px 1em -2px; - padding: 0.5em 1.5em; - background: #fbead9; - border: 0 #c83838 solid; - border-width: 1px 0; - list-style: none; - font-family: sans-serif; - font-size: small; - } - - /* field error list */ - .inline_errors { - margin: 0.3em 0.3em 0.3em 0; - padding: 0; - list-style: none; - color: #9a0000; - font-size: small; - } - - th { - padding: 0.3em 0.3em 0.3em 0.5em; - text-align: $left; - vertical-align: top; - width: 40%; - background: transparent; - } - - .doc { - margin-#{$left}: 1em; - } - - .disabled-notice { - margin-#{$left}: 1em; - font-size: 80%; - text-transform: uppercase; - color: #e00; - cursor: help; - } - - td { - padding-top: 0.3em; - padding-bottom: 0.3em; - vertical-align: top; - border-top: 1px solid $bg-two; - } - - th { - border-top: 1px solid $bg-two; - - small { - display: block; - font-weight: normal; - font-family: sans-serif; - font-size: x-small; - color: #444; - } - } - } -} - -fieldset { - .group-header { - th { - background: $bg-two; - } - - + tr th { - padding-top: 0.6em; - } - } - - .group-field-1 th, - .group-header-2 th { - padding-#{$left}: 1.5em; - } - - .group-field-2 th, - .group-header-3 th { - padding-#{$left}: 3em; - } - - .group-field-3 th { - padding-#{$left}: 4.5em; - } - - .disabled-field { - th { - color: #666; - background-color: #ddd; - - small { - color: #666; - background-color: #ddd; - } - } - - td { - color: #666; - background-color: #ddd; - } - } -} - -.config-form { - .lastrow { - border-top: 1px #000 solid; - background: $th-background; - padding: 0.5em; - text-align: center; - - input { - font-weight: bold; - } - } - - span.checkbox { - padding: 2px; - display: inline-block; - } - - /* customized field */ - .custom { - background: #ffc; - } - - span.checkbox.custom { - padding: 1px; - border: 1px #edec90 solid; - background: #ffc; - } - - .field-error { - border-color: #a11 !important; - } - - input { - &[type="text"], - &[type="password"], - &[type="number"] { - border: 1px #a7a6aa solid; - height: auto; - } - } - - select, - textarea { - border: 1px #a7a6aa solid; - height: auto; - } - - input { - &[type="text"]:focus, - &[type="password"]:focus, - &[type="number"]:focus { - border: 1px #6676ff solid; - background: #f7fbff; - } - } - - select:focus, - textarea:focus { - border: 1px #6676ff solid; - background: #f7fbff; - } - - .field-comment-mark { - font-family: serif; - color: #007; - cursor: help; - padding: 0 0.2em; - font-weight: bold; - font-style: italic; - } - - .field-comment-warning { - color: #a00; - } - - dd { - margin-#{$left}: 0.5em; - - &::before { - content: "\25B8 "; - } - } -} - -.click-hide-message { - cursor: pointer; -} - -.prefsmanage_opts { - margin-#{$left}: 2em; -} - -#prefs_autoload { - margin-bottom: 0.5em; - margin-#{$left}: 0.5em; -} - -input#auto_increment_opt { - width: min-content; -} - -#placeholder { - .button { - position: absolute; - cursor: pointer; - } - - div.button { - font-size: smaller; - color: #999; - background-color: #eee; - padding: 2px; - } -} - -.wrapper { - float: $left; - margin-bottom: 0.5em; -} - -.toggleButton { - position: relative; - cursor: pointer; - font-size: 0.8em; - text-align: center; - line-height: 1.4em; - height: 1.55em; - overflow: hidden; - border-#{$right}: 0.1em solid #888; - border-#{$left}: 0.1em solid #888; - - table, - td, - img { - padding: 0; - position: relative; - } - - .container { - position: absolute; - - td, - tr { - background: none !important; - } - } - - .toggleOn { - color: #fff; - padding: 0 1em; - } - - .toggleOff { - padding: 0 1em; - } -} - -.doubleFieldset { - fieldset { - width: 48%; - float: $left; - padding: 0; - - &.left { - margin-#{$right}: 1%; - } - - &.right { - margin-#{$left}: 1%; - } - } - - legend { - margin-#{$left}: 0.5em; - } - - div.wrap { - padding: 0.5em; - } -} - -#table_name_col_no_outer { - margin-top: 30px; -} - -#table_name_col_no { - position: fixed; - top: 44px; - width: 100%; - background: $main-background; -} - -#table_columns { - input { - &[type="text"], - &[type="password"], - &[type="number"], - &[type="date"] { - width: 10em; - box-sizing: border-box; - -ms-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - } - } - - select { - width: 10em; - box-sizing: border-box; - -ms-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - } -} - -#placeholder { - position: relative; - border: 1px solid #aaa; - float: $right; - overflow: hidden; - width: 450px; - height: 300px; -} - -#openlayersmap { - width: 450px; - height: 300px; -} - -.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-#{$left}: -5px; - position: absolute; - width: 5px; -} - -.colborder_active { - border-#{$right}: 2px solid #a44; -} - -.pma_table, -.sticky_columns { - th.draggable span { - display: block; - overflow: hidden; - } -} - -.pma_table { - td { - position: static; - } - - tbody td span { - display: block; - overflow: hidden; - - code span { - display: inline; - } - } -} - -.modal-copy input { - display: block; - width: 100%; - margin-top: 1.5em; - padding: 0.3em 0; -} - -.cRsz { - position: absolute; -} - -.draggable { - cursor: move; -} - -.cCpy { - background: #000; - color: #fff; - font-weight: bold; - margin: 0.1em; - padding: 0.3em; - position: absolute; -} - -.cPointer { - $height: 20px; - $width: 10px; - - height: $height; - width: $width; - margin-top: $height / -2; - margin-#{$left}: $width / -2; - position: absolute; - background: url("../img/col_pointer.png"); -} - -.tooltip { - background: #333 !important; - opacity: 0.8 !important; - border: 1px solid #000 !important; - -moz-border-radius: 0.3em !important; - -webkit-border-radius: 0.3em !important; - border-radius: 0.3em !important; - text-shadow: -1px -1px #000 !important; - font-size: 0.8em !important; - font-weight: bold !important; - padding: 1px 3px !important; - - * { - background: none !important; - color: #fff !important; - } -} - -.data_full_width { - width: 100%; -} - -.cDrop { - #{$left}: 0; - position: absolute; - top: 0; -} - -.coldrop { - background: url("../img/col_drop.png"); - cursor: pointer; - height: 16px; - margin-#{$left}: 0.5em; - margin-top: 0.3em; - position: absolute; - width: 16px; - - &:hover { - background-color: #999; - } -} - -.coldrop-hover { - background-color: #999; -} - -.cList { - background: #eee; - border: solid 1px #999; - position: absolute; - - .lDiv div { - padding: 0.2em 0.5em 0.2em 0.2em; - - &:hover { - background: #ddd; - cursor: pointer; - } - - input { - cursor: pointer; - } - } -} - -.showAllColBtn { - border-bottom: solid 1px #999; - border-top: solid 1px #999; - cursor: pointer; - font-size: 0.9em; - font-weight: bold; - padding: 0.35em 1em; - text-align: center; - - &:hover { - background: #ddd; - } -} - -.navigation { - background: #e5e5e5; - border: 1px solid black; - margin: 0.8em 0; - - td { - margin: 0; - padding: 0; - vertical-align: middle; - white-space: nowrap; - } -} - -.navigation_separator { - color: #555; - display: inline-block; - text-align: center; - width: 1.2em; - text-shadow: 1px 0 #fff; -} - -.navigation { - input { - &[type="submit"] { - background: none; - border: 0; - margin: 0; - padding: 0.3em 0.5em; - min-width: 1.5em; - font-weight: bold; - - &:hover { - background: #333; - color: white; - cursor: pointer; - } - } - - &.edit_mode_active { - background: #333; - color: white; - cursor: pointer; - } - } - - select { - margin: 0 0.8em; - } -} - -.cEdit { - margin: 0; - padding: 0; - position: absolute; - - input { - &[type="text"], - &[type="password"], - &[type="number"] { - background: #fff; - height: 100%; - margin: 0; - padding: 0; - } - } - - .edit_area { - background: #fff; - border: 1px solid #999; - min-width: 10em; - padding: 0.3em 0.5em; - - select, - textarea { - width: 97%; - } - } - - .cell_edit_hint { - color: #555; - font-size: 0.8em; - margin: 0.3em 0.2em; - } - - .edit_box { - overflow-x: hidden; - overflow-y: scroll; - padding: 0; - } - - .edit_box_posting { - background: #fff url("../img/ajax_clock_small.gif") no-repeat right center; - padding-#{$right}: 1.5em; - } - - .edit_area_loading { - background: #fff url("../img/ajax_clock_small.gif") no-repeat center; - height: 10em; - } - - .goto_link { - background: #eee; - color: #555; - padding: 0.2em 0.3em; - } -} - -.saving_edited_data { - background: url("../img/ajax_clock_small.gif") no-repeat left; - padding-#{$left}: 20px; -} - -/* css for timepicker */ - -.ui-timepicker-div { - .ui-widget-header { - margin-bottom: 8px; - } - - dl { - text-align: $left; - - dt { - height: 25px; - margin-bottom: -25px; - } - - dd { - margin: 0 10px 10px 85px; - } - } - - td { - font-size: 90%; - } -} - -.ui-tpicker-grid-label { - background: none; - border: none; - margin: 0; - padding: 0; -} - -.ui-timepicker-rtl { - direction: rtl; - - dl { - text-align: $right; - - dd { - margin: 0 65px 10px 10px; - } - } -} - -input.btn { - color: #333; - background-color: #d0dce0; -} - -body .ui-widget { - font-size: 1em; -} - -body #ui-datepicker-div { - z-index: 9999 !important; -} - -.ui-dialog fieldset legend a { - color: #00f; -} - -.ui-draggable { - z-index: 801; -} - -.relationalTable { - td { - vertical-align: top; - } - - select { - width: 125px; - margin-#{$right}: 5px; - } -} - -.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 { - margin-top: 1em; - - table.data { - border-top: 0.1px solid #eee; - } - } - - &.notice, - &.result_query { - margin-top: 1em; - } -} - -table.show_create { - margin-top: 1em; - - td { - border-#{$right}: 1px solid #bbb; - } -} - -#alias_modal { - table { - width: 100%; - } - - label { - font-weight: bold; - } -} - -.ui-dialog { - position: fixed; -} - -.small_font { - font-size: smaller; -} - -/* Console styles */ -#pma_console_container { - width: 100%; - position: fixed; - bottom: 0; - #{$left}: 0; - z-index: 100; -} - -#pma_console { - position: relative; - margin-#{$left}: 240px; - z-index: 100; - - .templates { - display: none; - } - - .mid_text { - vertical-align: middle; - } - - .toolbar { - position: relative; - background: #ccc; - border-top: solid 1px #aaa; - cursor: n-resize; - - span { - vertical-align: middle; - } - - &.collapsed { - cursor: default; - - &:not(:hover) { - display: inline-block; - border-top-right-radius: 3px; - border-#{$right}: solid 1px #aaa; - } - - > .button { - display: none; - } - } - } - - .message span { - &.text, - &.action { - padding: 0 3px; - display: inline-block; - } - } - - .toolbar { - .button, - .text { - padding: 0 3px; - display: inline-block; - } - } - - .switch_button { - padding: 0 3px; - display: inline-block; - } - - .message span.action, - .toolbar .button, - .switch_button { - cursor: pointer; - } - - .message span.action:hover, - .toolbar .button:hover, - .switch_button:hover { - background: #ddd; - } - - .toolbar { - .button.active { - background: #ddd; - } - - .text { - font-weight: bold; - } - - .button, - .text { - margin-#{$right}: 0.4em; - float: $right; - } - } - - .content { - overflow-x: hidden; - overflow-y: auto; - margin-bottom: -65px; - border-top: solid 1px #aaa; - background: #fff; - padding-top: 0.4em; - - &.console_dark_theme { - background: #000; - color: #fff; - - .CodeMirror-wrap { - background: #000; - color: #fff; - } - - .action_content { - color: #000; - } - - .message { - border-color: #373b41; - } - - .CodeMirror-cursor { - border-color: #fff; - } - - .cm-keyword { - color: #de935f; - } - } - } - - .message, - .query_input { - position: relative; - font-family: Monaco, Consolas, monospace; - cursor: text; - margin: 0 10px 0.2em 1.4em; - } - - .message { - border-bottom: solid 1px #ccc; - padding-bottom: 0.2em; - - &.expanded > .action_content { - position: relative; - } - - &::before { - #{$left}: -0.7em; - position: absolute; - content: ">"; - } - } - - .query_input { - &::before { - #{$left}: -0.7em; - position: absolute; - content: ">"; - top: -2px; - } - - textarea { - width: 100%; - height: 4em; - resize: vertical; - } - } - - .message { - &:hover::before { - color: #7cf; - font-weight: bold; - } - - &.expanded::before { - content: "]"; - } - - &.welcome::before { - display: none; - } - - &.failed { - &::before, - &.expanded::before, - &:hover::before { - content: "="; - color: #944; - } - } - - &.pending::before { - opacity: 0.3; - } - - &.collapsed > .query { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - - &.expanded > .query { - display: block; - white-space: pre; - word-wrap: break-word; - } - - .text.targetdb, - &.collapsed .action.collapse, - &.expanded .action.expand { - display: none; - } - - .action { - &.requery, - &.profiling, - &.explain, - &.bookmark { - display: none; - } - } - - &.select .action { - &.profiling, - &.explain { - display: inline-block; - } - } - - &.history .text.targetdb, - &.successed .text.targetdb { - display: inline-block; - } - - &.history .action { - &.requery, - &.bookmark { - display: inline-block; - } - } - - &.bookmark .action { - &.requery, - &.bookmark { - display: inline-block; - } - } - - &.successed .action { - &.requery, - &.bookmark { - display: inline-block; - } - } - - .action_content { - position: absolute; - bottom: 100%; - background: #ccc; - border: solid 1px #aaa; - border-top-left-radius: 3px; - } - - &.bookmark .text.targetdb, - .text.query_time { - margin: 0; - display: inline-block; - } - - &.failed .text.query_time, - .text.failed { - display: none; - } - - &.failed .text.failed { - display: inline-block; - } - - .text { - background: #fff; - } - - &.collapsed { - > .action_content { - display: none; - } - - &:hover > .action_content { - display: block; - } - } - - .bookmark_label { - padding: 0 4px; - top: 0; - background: #369; - color: #fff; - border-radius: 3px; - - &.shared { - background: #396; - } - } - - &.expanded .bookmark_label { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - } - - .query_input { - position: relative; - } - - .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: #666; - display: none; - cursor: pointer; - z-index: 200; - } - - .card { - position: absolute; - width: 94%; - height: 100%; - min-height: 48px; - #{$left}: 100%; - top: 0; - border-#{$left}: solid 1px #999; - z-index: 300; - transition: $left 0.2s; - -ms-transition: $left 0.2s; - -webkit-transition: $left 0.2s; - -moz-transition: $left 0.2s; - - &.show { - #{$left}: 6%; - box-shadow: -2px 1px 4px -1px #999; - } - } -} - -#pma_bookmarks .content.add_bookmark, -#pma_console_options .content { - padding: 4px 6px; -} - -#pma_bookmarks .content.add_bookmark { - .options { - margin-#{$left}: 1.4em; - padding-bottom: 0.4em; - margin-bottom: 0.4em; - border-bottom: solid 1px #ccc; - - button { - margin: 0 7px; - vertical-align: bottom; - } - } - - input[type="text"] { - margin: 0; - padding: 2px 4px; - } -} - -#pma_console { - .button.hide, - .message span.text.hide { - display: none; - } -} - -#debug_console { - &.grouped .ungroup_queries { - display: inline-block; - } - - &.ungrouped { - .group_queries { - display: inline-block; - } - - .ungroup_queries, - .sort_count { - display: none; - } - } - - &.grouped .group_queries { - display: none; - } - - .count { - margin-#{$right}: 8px; - } - - .show_trace .trace, - .show_args .args { - display: block; - } - - .hide_trace .trace, - .hide_args .args, - .show_trace .action.dbg_show_trace, - .hide_trace .action.dbg_hide_trace { - display: none; - } - - .traceStep { - &.hide_args .action.dbg_hide_args, - &.show_args .action.dbg_show_args { - display: none; - } - - &::after { - content: ""; - display: table; - clear: both; - } - } - - .trace.welcome::after, - .debug > .welcome::after { - content: ""; - display: table; - clear: both; - } - - .debug_summary { - float: $left; - } - - .trace.welcome .time, - .traceStep .file, - .script_name { - float: $right; - } - - .traceStep .args pre { - margin: 0; - } -} - -/* Code mirror console style */ - -.cm-s-pma { - .CodeMirror-code { - font-family: Monaco, Consolas, monospace; - - pre { - font-family: Monaco, Consolas, monospace; - } - } - - .CodeMirror-measure > pre, - .CodeMirror-code > pre, - .CodeMirror-lines { - padding: 0; - } - - &.CodeMirror { - resize: none; - height: auto; - width: 100%; - min-height: initial; - max-height: initial; - } - - .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; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - - @if $direction == rtl { - -moz-box-shadow: -2px 2px 5px #ccc; - -webkit-box-shadow: -2px 2px 5px #ccc; - box-shadow: -2px 2px 5px #ccc; - } @else { - -moz-box-shadow: 2px 2px 5px #ccc; - -webkit-box-shadow: 2px 2px 5px #ccc; - box-shadow: 2px 2px 5px #ccc; - } - - h2 { - background-color: #bbb; - padding: 0.1em 0.3em; - margin-top: 0; - margin-bottom: 0; - color: #fff; - font-size: 1.6em; - font-weight: normal; - text-shadow: 0 1px 0 #777; - - @if $direction == rtl { - -moz-box-shadow: -1px 1px 15px #999 inset; - -webkit-box-shadow: -1px 1px 15px #999 inset; - box-shadow: -1px 1px 15px #999 inset; - } @else { - -moz-box-shadow: 1px 1px 15px #999 inset; - -webkit-box-shadow: 1px 1px 15px #999 inset; - box-shadow: 1px 1px 15px #999 inset; - } - } -} - -.pma_drop_result h2 { - background-color: #bbb; - padding: 0.1em 0.3em; - margin-top: 0; - margin-bottom: 0; - color: #fff; - font-size: 1.6em; - font-weight: normal; - text-shadow: 0 1px 0 #777; - - @if $direction == rtl { - -moz-box-shadow: -1px 1px 15px #999 inset; - -webkit-box-shadow: -1px 1px 15px #999 inset; - box-shadow: -1px 1px 15px #999 inset; - } @else { - -moz-box-shadow: 1px 1px 15px #999 inset; - -webkit-box-shadow: 1px 1px 15px #999 inset; - box-shadow: 1px 1px 15px #999 inset; - } -} - -.pma_sql_import_status { - div { - height: 270px; - overflow-y: auto; - overflow-x: hidden; - list-style-type: none; - - li { - padding: 8px 10px; - border-bottom: 1px solid #bbb; - color: rgb(148, 14, 14); - background: white; - - .filesize { - float: $right; - } - } - } - - h2 { - .minimize { - float: $right; - margin-#{$right}: 5px; - padding: 0 10px; - } - - .close { - float: $right; - margin-#{$right}: 5px; - padding: 0 10px; - display: none; - } - - .minimize:hover, - .close:hover { - background: rgba(155, 149, 149, 0.78); - cursor: pointer; - } - } -} - -.pma_drop_result h2 .close:hover { - background: rgba(155, 149, 149, 0.78); - cursor: pointer; -} - -.pma_drop_file_status { - color: #235a81; - - 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; - -webkit-box-shadow: 0 0 15px #999; - border-radius: 10px; - cursor: move; - - h2 .close { - float: $right; - margin-#{$right}: 5px; - padding: 0 10px; - } -} - -#composite_index_list { - list-style-type: none; - list-style-position: inside; -} - -span.drag_icon { - display: inline-block; - background-image: url("../img/s_sortable.png"); - background-position: center center; - background-repeat: no-repeat; - width: 1em; - height: 3em; - cursor: move; -} - -.topmargin { - margin-top: 1em; -} - -/* styles for sortable tables created with tablesorter jquery plugin */ -th { - &.header { - cursor: pointer; - color: #00f; - - &:hover { - text-decoration: underline; - } - - .sorticon { - width: 16px; - height: 16px; - background-repeat: no-repeat; - background-position: right center; - display: inline-table; - vertical-align: middle; - float: $right; - } - } - - &.headerSortUp .sorticon { - background-image: url("../img/s_desc.png"); - } - - &.headerSortDown { - &:hover .sorticon { - background-image: url("../img/s_desc.png"); - } - - .sorticon { - background-image: url("../img/s_asc.png"); - } - } - - &.headerSortUp:hover .sorticon { - background-image: url("../img/s_asc.png"); - } -} - -/* end of styles of sortable tables */ - -/* styles for jQuery-ui to support rtl languages */ - -body { - .ui-dialog { - .ui-dialog-titlebar-close { - #{$right}: 0.3em; - #{$left}: initial; - } - - .ui-dialog-title { - float: $left; - } - - .ui-dialog-buttonpane .ui-dialog-buttonset { - float: $right; - } - } - - .ui-corner-all, - .ui-corner-top, - .ui-corner-left, - .ui-corner-tl { - border-top-left-radius: 0; - } - - .ui-corner-all, - .ui-corner-top, - .ui-corner-right, - .ui-corner-tr { - border-top-right-radius: 0; - } - - .ui-corner-all, - .ui-corner-bottom, - .ui-corner-left, - .ui-corner-bl { - border-bottom-left-radius: 0; - } - - .ui-corner-all, - .ui-corner-bottom, - .ui-corner-right, - .ui-corner-br { - border-bottom-right-radius: 0; - } - - .ui-dialog { - padding: 0; - border-color: #000; - - .ui-dialog-titlebar { - padding: 0.3em 0.5em; - border: none; - border-bottom: 1px solid #000; - - button { - border: 1px solid #999; - } - } - - .ui-dialog-content { - padding: 0.2em 0.4em; - } - - .ui-dialog-buttonpane { - background: #d3dce3; - border-top: 1px solid #000; - - button { - margin: 0.1em 0 0.1em 0.4em; - border: 1px solid #999; - color: #000; - } - } - - .ui-button-text-only .ui-button-text { - padding: 0.2em 0.6em; - } - } -} - -.scrollindicator { - display: none; -} - -/* templates/database/designer */ - -/* side menu */ -#name-panel { - overflow: hidden; -} - -@media only screen and (max-width: 768px) { - #main_pane_left { - width: 100%; - } - - #main_pane_right { - padding-top: 0; - padding-#{$left}: 1px; - padding-#{$right}: 1px; - } - - ul { - &#topmenu, - &.tabs { - display: flex; - } - } - - .navigationbar { - display: inline-flex; - margin: 0 !important; - border-radius: 0 !important; - overflow: auto; - } - - .scrollindicator { - padding: 5px; - cursor: pointer; - display: inline; - } - - .responsivetable { - overflow-x: auto; - } - - body#loginform div.container { - width: 100%; - } - - .largescreenonly { - display: none; - } - - .width100, - .desktop50 { - width: 100%; - } - - .width96 { - width: 96% !important; - } - - #page_nav_icons { - display: none; - } - - table#serverstatusconnections { - margin-#{$left}: 0; - } - - #table_name_col_no { - top: 62px; - } - - .tdblock tr td { - display: block; - } - - #table_columns { - margin-top: 60px; - - .tablesorter { - min-width: 100%; - } - } - - .doubleFieldset fieldset { - width: 98%; - } - - div#serverstatusquerieschart { - width: 100%; - height: 450px; - } - - .ui-dialog { - margin: 1%; - width: 95% !important; - } - - #serverinfo .item { - margin: 4px; - } -} - -#tooltip_editor { - font-size: 12px; - background-color: #fff; - opacity: 0.95; - filter: alpha(opacity=95); - padding: 5px; -} - -#tooltip_font { - font-weight: bold; -} - -#selection_box { - z-index: 1000; - height: 205px; - position: absolute; - background-color: #87ceeb; - opacity: 0.4; - filter: alpha(opacity=40); - pointer-events: none; -} - -#filter_query_text { - vertical-align: baseline; -} diff --git a/srcs/phpmyadmin/themes/original/scss/_icons.scss b/srcs/phpmyadmin/themes/original/scss/_icons.scss deleted file mode 100644 index cf8ee3b..0000000 --- a/srcs/phpmyadmin/themes/original/scss/_icons.scss +++ /dev/null @@ -1,683 +0,0 @@ -.icon { - margin: 0; - margin-#{$left}: 0.3em; - padding: 0 !important; - width: 16px; - height: 16px; -} - -.icon_fulltext { - width: 50px; - height: 19px; -} - -.ic_asc_order { - background-image: url('../../pmahomme/img/asc_order.png'); -} - -.ic_b_bookmark { - background-image: url('../img/b_bookmark.png'); -} - -.ic_b_browse { - background-image: url('../img/b_browse.png'); -} - -.ic_b_calendar { - background-image: url('../img/b_calendar.png'); -} - -.ic_b_chart { - background-image: url('../img/b_chart.png'); -} - -.ic_b_close { - background-image: url('../img/b_close.png'); -} - -.ic_b_column_add { - background-image: url('../img/b_column_add.png'); -} - -.ic_b_comment { - background-image: url('../img/b_comment.png'); -} - -.ic_b_dbstatistics { - background-image: url('../img/b_dbstatistics.png'); -} - -.ic_b_deltbl { - background-image: url('../img/b_deltbl.png'); -} - -.ic_b_docs { - background-image: url('../img/b_docs.png'); -} - -.ic_b_docsql { - background-image: url('../../pmahomme/img/b_docsql.png'); -} - -.ic_b_drop { - background-image: url('../img/b_drop.png'); -} - -.ic_b_edit { - background-image: url('../img/b_edit.png'); -} - -.ic_b_empty { - background-image: url('../img/b_empty.png'); -} - -.ic_b_engine { - background-image: url('../img/b_engine.png'); -} - -.ic_b_event_add { - background-image: url('../img/b_event_add.png'); -} - -.ic_b_events { - background-image: url('../img/b_events.png'); -} - -.ic_b_export { - background-image: url('../img/b_export.png'); -} - -.ic_b_favorite { - background-image: url('../img/b_favorite.png'); -} - -.ic_b_find_replace { - background-image: url('../img/b_find_replace.png'); -} - -.ic_b_firstpage { - background-image: url('../../pmahomme/img/b_firstpage.png'); -} - -.ic_b_ftext { - background-image: url('../img/b_ftext.png'); -} - -.ic_b_globe { - background-image: url('../img/b_globe.gif'); -} - -.ic_b_group { - background-image: url('../img/b_group.png'); -} - -.ic_b_help { - background-image: url('../img/b_help.png'); -} - -.ic_b_home { - background-image: url('../img/b_home.png'); -} - -.ic_b_import { - background-image: url('../img/b_import.png'); -} - -.ic_b_index { - background-image: url('../img/b_index.png'); -} - -.ic_b_index_add { - background-image: url('../img/b_index_add.png'); -} - -.ic_b_inline_edit { - background-image: url('../img/b_inline_edit.png'); -} - -.ic_b_insrow { - background-image: url('../img/b_insrow.png'); -} - -.ic_b_lastpage { - background-image: url('../../pmahomme/img/b_lastpage.png'); -} - -.ic_b_minus { - background-image: url('../img/b_minus.png'); -} - -.ic_b_more { - background-image: url('../img/b_more.png'); -} - -.ic_b_move { - background-image: url('../img/b_move.png'); -} - -.ic_b_newdb { - background-image: url('../img/b_newdb.png'); -} - -.ic_b_newtbl { - background-image: url('../img/b_newtbl.png'); -} - -.ic_b_nextpage { - background-image: url('../img/b_nextpage.png'); -} - -.ic_b_no_favorite { - background-image: url('../img/b_no_favorite.png'); -} - -.ic_b_pdfdoc { - background-image: url('../../pmahomme/img/b_pdfdoc.png'); -} - -.ic_b_plugin { - background-image: url('../img/b_plugin.png'); -} - -.ic_b_plus { - background-image: url('../img/b_plus.png'); -} - -.ic_b_prevpage { - background-image: url('../../pmahomme/img/b_prevpage.png'); -} - -.ic_b_primary { - background-image: url('../img/b_primary.png'); -} - -.ic_b_print { - background-image: url('../img/b_print.png'); -} - -.ic_b_props { - background-image: url('../img/b_props.png'); -} - -.ic_b_relations { - background-image: url('../img/b_relations.png'); -} - -.ic_b_report { - background-image: url('../img/b_report.png'); -} - -.ic_b_routine_add { - background-image: url('../img/b_routine_add.png'); -} - -.ic_b_routines { - background-image: url('../img/b_routines.png'); -} - -.ic_b_save { - background-image: url('../img/b_save.png'); -} - -.ic_b_saveimage { - background-image: url('../img/b_saveimage.png'); -} - -.ic_b_sbrowse { - background-image: url('../img/b_sbrowse.png'); -} - -.ic_b_sdb { - background-image: url('../../pmahomme/img/b_sdb.png'); - width: 10px; - height: 10px; -} - -.ic_b_search { - background-image: url('../img/b_search.png'); -} - -.ic_b_select { - background-image: url('../img/b_select.png'); -} - -.ic_b_snewtbl { - background-image: url('../img/b_snewtbl.png'); -} - -.ic_b_spatial { - background-image: url('../img/b_spatial.png'); -} - -.ic_b_sql { - background-image: url('../img/b_sql.png'); -} - -.ic_b_sqldoc { - background-image: url('../../pmahomme/img/b_sqldoc.png'); -} - -.ic_b_sqlhelp { - background-image: url('../img/b_sqlhelp.png'); -} - -.ic_b_table_add { - background-image: url('../img/b_table_add.png'); -} - -.ic_b_tblanalyse { - background-image: url('../img/b_tblanalyse.png'); -} - -.ic_b_tblexport { - background-image: url('../img/b_tblexport.png'); -} - -.ic_b_tblimport { - background-image: url('../img/b_tblimport.png'); -} - -.ic_b_tblops { - background-image: url('../img/b_tblops.png'); -} - -.ic_b_tbloptimize { - background-image: url('../img/b_tbloptimize.png'); -} - -.ic_b_tipp { - background-image: url('../img/b_tipp.png'); -} - -.ic_b_trigger_add { - background-image: url('../img/b_trigger_add.png'); -} - -.ic_b_triggers { - background-image: url('../img/b_triggers.png'); -} - -.ic_b_undo { - background-image: url('../img/b_undo.png'); -} - -.ic_b_unique { - background-image: url('../img/b_unique.png'); -} - -.ic_b_usradd { - background-image: url('../img/b_usradd.png'); -} - -.ic_b_usrcheck { - background-image: url('../img/b_usrcheck.png'); -} - -.ic_b_usrdrop { - background-image: url('../img/b_usrdrop.png'); -} - -.ic_b_usredit { - background-image: url('../img/b_usredit.png'); -} - -.ic_b_usrlist { - background-image: url('../img/b_usrlist.png'); -} - -.ic_b_versions { - background-image: url('../img/b_versions.png'); -} - -.ic_b_view { - background-image: url('../img/b_view.png'); -} - -.ic_b_view_add { - background-image: url('../img/b_view_add.png'); -} - -.ic_b_views { - background-image: url('../img/b_views.png'); -} - -.ic_b_left { - background-image: url('../img/b_left.png'); -} - -.ic_b_right { - background-image: url('../img/b_right.png'); -} - -.ic_bd_browse { - background-image: url('../img/bd_browse.png'); -} - -.ic_bd_deltbl { - background-image: url('../img/bd_deltbl.png'); -} - -.ic_bd_drop { - background-image: url('../img/bd_drop.png'); -} - -.ic_bd_edit { - background-image: url('../img/bd_edit.png'); -} - -.ic_bd_empty { - background-image: url('../img/bd_empty.png'); -} - -.ic_bd_export { - background-image: url('../img/bd_export.png'); -} - -.ic_bd_firstpage { - background-image: url('../../pmahomme/img/bd_firstpage.png'); -} - -.ic_bd_ftext { - background-image: url('../img/bd_ftext.png'); -} - -.ic_bd_index { - background-image: url('../img/bd_index.png'); -} - -.ic_bd_insrow { - background-image: url('../img/bd_insrow.png'); -} - -.ic_bd_lastpage { - background-image: url('../../pmahomme/img/bd_lastpage.png'); -} - -.ic_bd_nextpage { - background-image: url('../img/bd_nextpage.png'); -} - -.ic_bd_prevpage { - background-image: url('../../pmahomme/img/bd_prevpage.png'); -} - -.ic_bd_primary { - background-image: url('../img/bd_primary.png'); -} - -.ic_bd_routine_add { - background-image: url('../img/bd_routine_add.png'); -} - -.ic_bd_sbrowse { - background-image: url('../img/bd_sbrowse.png'); -} - -.ic_bd_select { - background-image: url('../img/bd_select.png'); -} - -.ic_bd_spatial { - background-image: url('../img/bd_spatial.png'); -} - -.ic_bd_unique { - background-image: url('../img/bd_unique.png'); -} - -.ic_centralColumns { - background-image: url('../img/centralColumns.png'); -} - -.ic_centralColumns_add { - background-image: url('../img/centralColumns_add.png'); -} - -.ic_centralColumns_delete { - background-image: url('../img/centralColumns_delete.png'); -} - -.ic_col_drop { - background-image: url('../img/col_drop.png'); -} - -.ic_console { - background-image: url('../img/console.png'); -} - -.ic_database { - background-image: url('../../pmahomme/img/database.png'); -} - -.ic_eye { - background-image: url('../img/eye.png'); -} - -.ic_eye_grey { - background-image: url('../img/eye_grey.png'); -} - -.ic_hide { - background-image: url('../img/hide.png'); -} - -.ic_item { - background-image: url('../../pmahomme/img/item.png'); - width: 9px; - height: 9px; -} - -.ic_lightbulb { - background-image: url('../img/lightbulb.png'); -} - -.ic_lightbulb_off { - background-image: url('../img/lightbulb_off.png'); -} - -.ic_more { - background-image: url('../img/more.png'); - width: 13px; -} - -.ic_new_data { - background-image: url('../img/new_data.png'); -} - -.ic_new_data_hovered { - background-image: url('../img/new_data_hovered.png'); -} - -.ic_new_data_selected { - background-image: url('../img/new_data_selected.png'); -} - -.ic_new_data_selected_hovered { - background-image: url('../img/new_data_selected_hovered.png'); -} - -.ic_new_struct { - background-image: url('../img/new_struct.png'); -} - -.ic_new_struct_hovered { - background-image: url('../img/new_struct_hovered.png'); -} - -.ic_new_struct_selected { - background-image: url('../img/new_struct_selected.png'); -} - -.ic_new_struct_selected_hovered { - background-image: url('../img/new_struct_selected_hovered.png'); -} - -.ic_normalize { - background-image: url('../img/normalize.png'); -} - -.ic_pause { - background-image: url('../img/pause.png'); -} - -.ic_php_sym { - background-image: url('../../pmahomme/img/php_sym.png'); -} - -.ic_play { - background-image: url('../img/play.png'); -} - -.ic_s_asc { - background-image: url('../img/s_asc.png'); -} - -.ic_s_asci { - background-image: url('../img/s_asci.png'); -} - -.ic_s_attention { - background-image: url('../img/s_attention.png'); -} - -.ic_s_cancel { - background-image: url('../img/s_cancel.png'); -} - -.ic_s_cancel2 { - background-image: url('../../pmahomme/img/s_cancel2.png'); -} - -.ic_s_cog { - background-image: url('../img/s_cog.png'); -} - -.ic_s_db { - background-image: url('../img/s_db.png'); -} - -.ic_s_desc { - background-image: url('../img/s_desc.png'); -} - -.ic_s_error { - background-image: url('../img/s_error.png'); -} - -.ic_s_host { - background-image: url('../img/s_host.png'); -} - -.ic_s_info { - background-image: url('../img/s_info.png'); -} - -.ic_s_lang { - background-image: url('../img/s_lang.png'); -} - -.ic_s_link { - background-image: url('../img/s_link.png'); -} - -.ic_s_lock { - background-image: url('../img/s_lock.png'); -} - -.ic_s_loggoff { - background-image: url('../img/s_loggoff.png'); -} - -.ic_s_notice { - background-image: url('../img/s_notice.png'); -} - -.ic_s_okay { - background-image: url('../img/s_okay.png'); -} - -.ic_s_passwd { - background-image: url('../img/s_passwd.png'); -} - -.ic_s_process { - background-image: url('../../pmahomme/img/s_process.png'); -} - -.ic_s_really { - background-image: url('../img/s_really.png'); - width: 11px; - height: 11px; -} - -.ic_s_reload { - background-image: url('../img/s_reload.png'); -} - -.ic_s_replication { - background-image: url('../img/s_replication.png'); -} - -.ic_s_rights { - background-image: url('../img/s_rights.png'); -} - -.ic_s_sortable { - background-image: url('../img/s_sortable.png'); -} - -.ic_s_status { - background-image: url('../img/s_status.png'); -} - -.ic_s_success { - background-image: url('../img/s_success.png'); -} - -.ic_s_sync { - background-image: url('../img/s_sync.png'); -} - -.ic_s_tbl { - background-image: url('../img/s_tbl.png'); -} - -.ic_s_theme { - background-image: url('../img/s_theme.png'); -} - -.ic_s_top { - background-image: url('../img/s_top.png'); -} - -.ic_s_unlink { - background-image: url('../img/s_unlink.png'); -} - -.ic_s_vars { - background-image: url('../img/s_vars.png'); -} - -.ic_s_views { - background-image: url('../img/s_views.png'); -} - -.ic_show { - background-image: url('../img/show.png'); -} - -.ic_window-new { - background-image: url('../img/window-new.png'); -} - -.ic_ajax_clock_small { - background-image: url('../img/ajax_clock_small.gif'); -} - -.ic_s_partialtext { - background-image: url('../img/s_partialtext.png'); -} - -.ic_s_fulltext { - background-image: url('../img/s_fulltext.png'); -} diff --git a/srcs/phpmyadmin/themes/original/scss/_navigation.scss b/srcs/phpmyadmin/themes/original/scss/_navigation.scss deleted file mode 100644 index 76679e1..0000000 --- a/srcs/phpmyadmin/themes/original/scss/_navigation.scss +++ /dev/null @@ -1,469 +0,0 @@ -// Navigation styles for the original theme - -#pma_navigation_content { - width: 100%; - height: 100%; - position: absolute; - top: 0; - #{$left}: 0; - z-index: 0; - padding-bottom: 1em; -} - -#pma_navigation { - background: $navi-background; - color: $navi-color; - width: $navi-width; - overflow: hidden; - position: fixed; - top: 0; - #{$left}: 0; - height: 100vh; - border-#{$right}: 1px solid gray; - z-index: 800; - - ul { - margin: 0; - } - - form { - margin: 0; - padding: 0; - display: inline; - } - - select { - &#select_server, - &#lightm_db { - width: 100%; - } - } - - div { - &.pageselector { - text-align: center; - margin: 0 0 0; - margin-#{$left}: 0.75em; - border-#{$left}: 1px solid #666; - } - - &#pmalogo { - background-color: $navi-background; - padding: 0.3em; - } - - &#recentTableList, - &#FavoriteTableList { - text-align: center; - margin-bottom: 0.5em; - } - } - - #recentTable, - #FavoriteTable { - width: 200px; - } - - #pmalogo, - #serverChoice, - #navipanellinks, - #recentTableList, - #FavoriteTableList, - #databaseList, - div.pageselector.dbselector { - text-align: center; - margin-bottom: 0.3em; - padding-bottom: 0.3em; - border: 0; - } - - #navipanellinks .icon { - margin: 0; - } - - #recentTableList select, - #FavoriteTableList select, - #serverChoice select { - width: 80%; - } - - #recentTableList, - #FavoriteTableList { - margin-bottom: 0; - padding-bottom: 0; - } -} - -#pma_navigation_content > img.throbber { - display: block; - margin: 0 auto; -} - -#pma_navigation_tree { - margin: 0; - margin-#{$left}: 1em; - color: #444; - height: 74%; - position: relative; -} - -#pma_navigation_select_database { - text-align: $left; - padding: 0 0 0; - border: 0; - margin: 0; -} - -#pma_navigation_db_select { - margin-top: 0.5em; - margin-#{$left}: 0.75em; - - select { - background: url("../../pmahomme/img/select_bg.png") repeat scroll 0 0; - -webkit-border-radius: 2px; - border-radius: 2px; - border: 1px solid #bbb; - border-top: 1px solid #bbb; - color: #333; - padding: 4px 6px; - margin: 0 0 0; - width: 92%; - font-size: 1.11em; - } -} - -#pma_navigation_tree_content { - width: 100%; - overflow: hidden; - overflow-y: auto; - position: absolute; - height: 100%; - - a.hover_show_full { - position: relative; - z-index: 100; - vertical-align: sub; - } -} - -#pma_navigation_tree { - a { - color: $navi-color; - padding-left: 0; - - &:hover { - text-decoration: underline; - } - } - - li { - margin-bottom: 0; - - &.activePointer, - &.selected { - color: $navi-pointer-color; - background-color: $navi-pointer-background; - } - - .dbItemControls { - padding-#{$left}: 4px; - } - - .navItemControls { - display: none; - padding-#{$left}: 4px; - } - - &.activePointer .navItemControls { - display: inline; - opacity: 0.5; - - &:hover { - display: inline; - opacity: 1; - } - } - } - - ul { - clear: both; - padding: 0; - list-style-type: none; - margin: 0; - - ul { - position: relative; - } - } - - li { - white-space: nowrap; - clear: both; - min-height: 16px; - } - - img { - margin: 0; - } - - i { - display: block; - } - - div.block { - position: relative; - width: 1.5em; - height: 1.5em; - min-width: 16px; - min-height: 16px; - float: $left; - - &.double { - width: 3em; - } - - i, - b { - width: 1.5em; - height: 1.7em; - min-width: 16px; - min-height: 8px; - position: absolute; - bottom: 0.7em; - #{$left}: 0.75em; - z-index: 0; - } - - i { - border-#{$left}: 1px solid #666; - border-bottom: 1px solid #666; - position: relative; - z-index: 0; - - &.first { - border-#{$left}: 0; - } - } - - b { - display: block; - height: 0.75em; - bottom: 0; - #{$left}: 0.75em; - border-#{$left}: 1px solid #666; - } - - a, - u { - position: absolute; - #{$left}: 50%; - top: 50%; - z-index: 10; - } - - a + a { - #{$left}: 100%; - } - - &.double { - a, - u { - #{$left}: 25%; - } - - a + a { - #{$left}: 70%; - } - } - - img { - position: relative; - top: -0.6em; - #{$left}: 0; - margin-#{$left}: -5px; - } - } - - li { - &.last > ul { - background: none; - } - - > { - a, - i { - line-height: 1.5em; - height: 1.5em; - padding-#{$left}: 0.3em; - } - } - } - - .list_container { - border-#{$left}: 1px solid #666; - margin-#{$left}: 0.75em; - padding-#{$left}: 0.75em; - } - - .last > .list_container { - border-#{$left}: 0 solid #666; - } -} - -li.fast_filter { - padding-#{$left}: 0.75em; - margin-#{$left}: 0.75em; - padding-#{$right}: 35px; - border-#{$left}: 1px solid #666; - - input { - padding-#{$right}: 1.7em; - width: 100%; - } - - span { - position: relative; - #{$right}: 1.5em; - padding: 0.2em; - cursor: pointer; - font-weight: bold; - color: #800; - } -} - -html.ie { - li.fast_filter span { - display: none; - } - - &.ie9 li.fast_filter span, - &.ie8 li.fast_filter span { - display: auto; - } - - li.fast_filter input { - padding-#{$right}: 0.2em; - } - - &.ie9 li.fast_filter input, - &.ie8 li.fast_filter input { - padding-#{$right}: 1.7em; - } -} - -li.fast_filter.db_fast_filter { - border: 0; -} - -/* Resize handler */ -#pma_navigation_resizer { - width: 3px; - height: 100%; - background-color: #aaa; - cursor: col-resize; - position: fixed; - top: 0; - #{$left}: $navi-width; - z-index: 801; -} - -#pma_navigation_collapser { - width: 20px; - height: 22px; - line-height: 22px; - background: #eee; - color: #555; - font-weight: bold; - position: fixed; - top: 0; - #{$left}: $navi-width; - text-align: center; - cursor: pointer; - z-index: 800; - text-shadow: 0 1px 0 #fff; - filter: dropshadow(color = #fff, offx = 0, offy = 1); - border: 1px solid #888; -} - -#navigation_controls_outer { - min-height: 21px !important; - - &.activePointer { - background-color: transparent !important; - } -} - -#navigation_controls { - float: $right; - padding-#{$right}: 23px; -} - -.pma_quick_warp { - margin-top: 5px; - margin-#{$left}: 2px; - position: relative; - - .drop_list { - float: $left; - margin-#{$left}: 3px; - padding: 2px 0; - } - - .drop_button { - padding: 0 0.3em; - border: 1px solid #ddd; - background: #f2f2f2; - cursor: pointer; - } - - .drop_list { - &:hover .drop_button { - background: #fff; - } - - ul { - position: absolute; - margin: 0; - padding: 0; - overflow: hidden; - overflow-y: auto; - list-style: none; - background: #fff; - border: 1px solid #ddd; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - top: 100%; - #{$left}: 3px; - #{$right}: 0; - display: none; - z-index: 802; - } - - &:hover ul { - display: block; - } - - li { - white-space: nowrap; - - img { - vertical-align: sub; - } - - &:hover { - background: #f2f2f2; - } - } - - a { - display: block; - padding: 0.1em 0.3em; - - &.favorite_table_anchor { - clear: $left; - float: $left; - padding: 0.1em 0.3em 0; - } - } - } -} diff --git a/srcs/phpmyadmin/themes/original/scss/_variables.scss b/srcs/phpmyadmin/themes/original/scss/_variables.scss deleted file mode 100644 index adaadd8..0000000 --- a/srcs/phpmyadmin/themes/original/scss/_variables.scss +++ /dev/null @@ -1,60 +0,0 @@ -// configures general layout for detailed layout configuration please refer to the css files - -// navi frame - -// navi frame width -$navi-width: 240px; - -// foreground (text) color for the navi frame -$navi-color: #000; - -// background for the navi frame -$navi-background: #d0dce0; - -// foreground (text) color of the pointer in navi frame -$navi-pointer-color: #000; - -// background of the pointer in navi frame -$navi-pointer-background: #99c; - -// main frame - -// foreground (text) color for the main frame -$main-color: #000; - -// background for the main frame -$main-background: #f5f5f5; - -// foreground (text) color of the pointer in browse mode -$browse-pointer-color: #000; - -// background of the pointer in browse mode -$browse-pointer-background: #cfc; - -// foreground (text) color of the marker (visually marks row by clicking on it) -// in browse mode -$browse-marker-color: #000; - -// background of the marker (visually marks row by clicking on it) in browse mode -$browse-marker-background: #fc9; - -// fonts - -// the font family as a valid css font family value, if not set the browser default will be -// used (depending on browser, DTD and system settings) -$font-family: sans-serif; -// fixed width font family, used in textarea -$font-family-fixed: monospace; - -// tables - -// border -$border: 0; -// table header and footer color -$th-background: #d3dce3; -// table header and footer background -$th-color: #000; -// table data row background -$bg-one: #e5e5e5; -// table data row background, alternate -$bg-two: #d5d5d5; diff --git a/srcs/phpmyadmin/themes/original/scss/printview.scss b/srcs/phpmyadmin/themes/original/scss/printview.scss deleted file mode 100644 index 87ae15d..0000000 --- a/srcs/phpmyadmin/themes/original/scss/printview.scss +++ /dev/null @@ -1 +0,0 @@ -@import "../../pmahomme/scss/printview"; diff --git a/srcs/phpmyadmin/themes/original/scss/theme-rtl.scss b/srcs/phpmyadmin/themes/original/scss/theme-rtl.scss deleted file mode 100644 index 251a1f0..0000000 --- a/srcs/phpmyadmin/themes/original/scss/theme-rtl.scss +++ /dev/null @@ -1,3 +0,0 @@ -$direction: rtl; - -@import "theme"; diff --git a/srcs/phpmyadmin/themes/original/scss/theme.scss b/srcs/phpmyadmin/themes/original/scss/theme.scss deleted file mode 100644 index 1e5d7a5..0000000 --- a/srcs/phpmyadmin/themes/original/scss/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -@import "../../pmahomme/scss/direction"; -@import "variables"; -@import "../../pmahomme/scss/bootstrap"; -@import "common"; -@import "../../pmahomme/scss/enum-editor"; -@import "../../pmahomme/scss/gis"; -@import "navigation"; -@import "../../pmahomme/scss/designer"; -@import "../../pmahomme/scss/rte"; -@import "../../pmahomme/scss/codemirror"; -@import "../../pmahomme/scss/jqplot"; -@import "../../pmahomme/scss/resizable-menu"; -@import "icons"; |