Server IP : 85.214.239.14 / Your IP : 3.146.65.134 Web Server : Apache/2.4.62 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/wordpress/phpMyAdmin/themes/original/scss/ |
Upload File : |
// 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; } } table { border-collapse: separate; } 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: 45px; } #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; }