1487 lines
48 KiB
CSS
1487 lines
48 KiB
CSS
@charset "UTF-8";
|
|
/**
|
|
* All the styles for Query Monitor.
|
|
*
|
|
* @package query-monitor
|
|
*/
|
|
#query-monitor-main {
|
|
--qm-container-fg: #333;
|
|
--qm-container-bg: #f3f3f3;
|
|
--qm-container-overflow: #ececec;
|
|
--qm-panel-border: #aaa;
|
|
--qm-panel-fg: #333;
|
|
--qm-panel-bg: #fff;
|
|
--qm-panel-separator: #ddd;
|
|
--qm-panel-menu-border: #ddd;
|
|
--qm-panel-menu-fg: #333;
|
|
--qm-panel-menu-bg: #f3f3f3;
|
|
--qm-panel-menu-fg-hover: #333;
|
|
--qm-panel-menu-bg-hover: #cde;
|
|
--qm-panel-menu-fg-current: #333;
|
|
--qm-panel-menu-bg-current: #def;
|
|
--qm-panel-menu-bg-current-focus: #f7fbff;
|
|
--qm-panel-menu-fg-selected: #fff;
|
|
--qm-panel-menu-bg-selected: #0073aa;
|
|
--qm-panel-menu-bg-selected-focus: #0084c4;
|
|
--qm-panel-menu-shadow: #006291;
|
|
--qm-cell-border: #e0e0e0;
|
|
--qm-cell-bg-hover: #eef3fa;
|
|
--qm-cell-fg-highlight: #333;
|
|
--qm-cell-bg-highlight: #ffd;
|
|
--qm-cell-bg-highlight-dark: #ffffaa;
|
|
--qm-cell-bg-stripe: #f9f9f9;
|
|
--qm-table-header-bg: #fff;
|
|
--qm-table-footer-bg: #f3f3f3;
|
|
--qm-link-fg: #0073aa;
|
|
--qm-link-fg-hover: #0096dd;
|
|
--qm-link-fg-active: #11b2ff;
|
|
--qm-button-fg: #fff;
|
|
--qm-button-bg: #007cba;
|
|
--qm-button-fg-hover: #fff;
|
|
--qm-button-bg-hover: #0072ab;
|
|
--qm-button-fg-active: #fff;
|
|
--qm-button-bg-active: #00689b;
|
|
--qm-title-button-fg: #666;
|
|
--qm-title-button-bg: transparent;
|
|
--qm-title-button-fg-hover: #000;
|
|
--qm-title-button-bg-hover: #e6e6e6;
|
|
--qm-info-fg: #666;
|
|
--qm-warn-fg: #900;
|
|
--qm-warn-bg: #fff0f0;
|
|
--qm-warn-bg-dark: #ffe8e8;
|
|
--qm-warn-border: #ffd6d6;
|
|
--qm-nonselect-fg: #a0a;
|
|
--qm-selection-fg: #333;
|
|
--qm-selection-bg: #B9D6FB;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
#query-monitor-main[data-theme=auto] {
|
|
--qm-container-fg: #eaeef2;
|
|
--qm-container-bg: #32373c;
|
|
--qm-container-overflow: #23282d;
|
|
--qm-panel-border: #50626f;
|
|
--qm-panel-fg: #eaeef2;
|
|
--qm-panel-bg: #23282d;
|
|
--qm-panel-separator: #50626f;
|
|
--qm-panel-menu-border: #32373c;
|
|
--qm-panel-menu-fg: #eaeef2;
|
|
--qm-panel-menu-bg: #23282d;
|
|
--qm-panel-menu-fg-hover: #bbc8d4;
|
|
--qm-panel-menu-bg-hover: #3e444a;
|
|
--qm-panel-menu-fg-current: #eaeef2;
|
|
--qm-panel-menu-bg-current: #32373c;
|
|
--qm-panel-menu-bg-current-focus: #3e444a;
|
|
--qm-panel-menu-fg-selected: #fff;
|
|
--qm-panel-menu-bg-selected: #0073aa;
|
|
--qm-panel-menu-bg-selected-focus: #0084c4;
|
|
--qm-panel-menu-shadow: #006291;
|
|
--qm-cell-border: #23282d;
|
|
--qm-cell-bg-hover: #373c42;
|
|
--qm-cell-fg-highlight: #eaeef2;
|
|
--qm-cell-bg-highlight: #57572a;
|
|
--qm-cell-bg-highlight-dark: #353519;
|
|
--qm-cell-bg-stripe: #32373c;
|
|
--qm-table-header-bg: #32373c;
|
|
--qm-table-footer-bg: #32373c;
|
|
--qm-link-fg: #30ceff;
|
|
--qm-link-fg-hover: #4092d2;
|
|
--qm-link-fg-active: #69aadc;
|
|
--qm-button-fg: #fff;
|
|
--qm-button-bg: #0085ba;
|
|
--qm-button-fg-hover: #fff;
|
|
--qm-button-bg-hover: #007aab;
|
|
--qm-button-fg-active: #fff;
|
|
--qm-button-bg-active: #006f9b;
|
|
--qm-title-button-fg: #bbc8d4;
|
|
--qm-title-button-bg: transparent;
|
|
--qm-title-button-fg-hover: #32373c;
|
|
--qm-title-button-bg-hover: #bbc8d4;
|
|
--qm-info-fg: #aaa;
|
|
--qm-warn-fg: #fff0f0;
|
|
--qm-warn-bg: #622;
|
|
--qm-warn-bg-dark: #6c2424;
|
|
--qm-warn-border: #ffd6d6;
|
|
--qm-nonselect-fg: #a6a;
|
|
--qm-selection-fg: #32373c;
|
|
--qm-selection-bg: #B9D6FB;
|
|
}
|
|
}
|
|
#query-monitor-main[data-theme=dark] {
|
|
--qm-container-fg: #eaeef2;
|
|
--qm-container-bg: #32373c;
|
|
--qm-container-overflow: #23282d;
|
|
--qm-panel-border: #50626f;
|
|
--qm-panel-fg: #eaeef2;
|
|
--qm-panel-bg: #23282d;
|
|
--qm-panel-separator: #50626f;
|
|
--qm-panel-menu-border: #32373c;
|
|
--qm-panel-menu-fg: #eaeef2;
|
|
--qm-panel-menu-bg: #23282d;
|
|
--qm-panel-menu-fg-hover: #bbc8d4;
|
|
--qm-panel-menu-bg-hover: #3e444a;
|
|
--qm-panel-menu-fg-current: #eaeef2;
|
|
--qm-panel-menu-bg-current: #32373c;
|
|
--qm-panel-menu-bg-current-focus: #3e444a;
|
|
--qm-panel-menu-fg-selected: #fff;
|
|
--qm-panel-menu-bg-selected: #0073aa;
|
|
--qm-panel-menu-bg-selected-focus: #0084c4;
|
|
--qm-panel-menu-shadow: #006291;
|
|
--qm-cell-border: #23282d;
|
|
--qm-cell-bg-hover: #373c42;
|
|
--qm-cell-fg-highlight: #eaeef2;
|
|
--qm-cell-bg-highlight: #57572a;
|
|
--qm-cell-bg-highlight-dark: #353519;
|
|
--qm-cell-bg-stripe: #32373c;
|
|
--qm-table-header-bg: #32373c;
|
|
--qm-table-footer-bg: #32373c;
|
|
--qm-link-fg: #30ceff;
|
|
--qm-link-fg-hover: #4092d2;
|
|
--qm-link-fg-active: #69aadc;
|
|
--qm-button-fg: #fff;
|
|
--qm-button-bg: #0085ba;
|
|
--qm-button-fg-hover: #fff;
|
|
--qm-button-bg-hover: #007aab;
|
|
--qm-button-fg-active: #fff;
|
|
--qm-button-bg-active: #006f9b;
|
|
--qm-title-button-fg: #bbc8d4;
|
|
--qm-title-button-bg: transparent;
|
|
--qm-title-button-fg-hover: #32373c;
|
|
--qm-title-button-bg-hover: #bbc8d4;
|
|
--qm-info-fg: #aaa;
|
|
--qm-warn-fg: #fff0f0;
|
|
--qm-warn-bg: #622;
|
|
--qm-warn-bg-dark: #6c2424;
|
|
--qm-warn-border: #ffd6d6;
|
|
--qm-nonselect-fg: #a6a;
|
|
--qm-selection-fg: #32373c;
|
|
--qm-selection-bg: #B9D6FB;
|
|
}
|
|
|
|
#wpadminbar .quicklinks .menupop ul li.qm-true > a {
|
|
color: #8c8 !important;
|
|
}
|
|
#wpadminbar .quicklinks .menupop ul li.qm-true > a:focus, #wpadminbar .quicklinks .menupop ul li.qm-true > a:hover {
|
|
color: #47a747 !important;
|
|
}
|
|
#wpadminbar .qm-alert {
|
|
background-color: #f60;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor-doing_it_wrong a,
|
|
#wpadminbar #wp-admin-bar-query-monitor-stricts a,
|
|
#wpadminbar #wp-admin-bar-query-monitor-deprecateds a,
|
|
#wpadminbar #wp-admin-bar-query-monitor-notices a,
|
|
#wpadminbar .qm-strict,
|
|
#wpadminbar .qm-deprecated,
|
|
#wpadminbar .qm-notice {
|
|
background-color: #740;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor-doing_it_wrong a:focus, #wpadminbar #wp-admin-bar-query-monitor-doing_it_wrong a:hover,
|
|
#wpadminbar #wp-admin-bar-query-monitor-stricts a:focus,
|
|
#wpadminbar #wp-admin-bar-query-monitor-stricts a:hover,
|
|
#wpadminbar #wp-admin-bar-query-monitor-deprecateds a:focus,
|
|
#wpadminbar #wp-admin-bar-query-monitor-deprecateds a:hover,
|
|
#wpadminbar #wp-admin-bar-query-monitor-notices a:focus,
|
|
#wpadminbar #wp-admin-bar-query-monitor-notices a:hover,
|
|
#wpadminbar .qm-strict:focus,
|
|
#wpadminbar .qm-strict:hover,
|
|
#wpadminbar .qm-deprecated:focus,
|
|
#wpadminbar .qm-deprecated:hover,
|
|
#wpadminbar .qm-notice:focus,
|
|
#wpadminbar .qm-notice:hover {
|
|
background-color: #5e3500;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor-expensive a,
|
|
#wpadminbar .qm-expensive {
|
|
background-color: #b60;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor-expensive a:focus, #wpadminbar #wp-admin-bar-query-monitor-expensive a:hover,
|
|
#wpadminbar .qm-expensive:focus,
|
|
#wpadminbar .qm-expensive:hover {
|
|
background-color: #a25800;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor-logger-warning a,
|
|
#wpadminbar #wp-admin-bar-query-monitor-warnings a,
|
|
#wpadminbar #wp-admin-bar-query-monitor-errors a,
|
|
#wpadminbar .qm-error,
|
|
#wpadminbar .qm-warning {
|
|
background-color: #c00;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor-logger-warning a:focus, #wpadminbar #wp-admin-bar-query-monitor-logger-warning a:hover,
|
|
#wpadminbar #wp-admin-bar-query-monitor-warnings a:focus,
|
|
#wpadminbar #wp-admin-bar-query-monitor-warnings a:hover,
|
|
#wpadminbar #wp-admin-bar-query-monitor-errors a:focus,
|
|
#wpadminbar #wp-admin-bar-query-monitor-errors a:hover,
|
|
#wpadminbar .qm-error:focus,
|
|
#wpadminbar .qm-error:hover,
|
|
#wpadminbar .qm-warning:focus,
|
|
#wpadminbar .qm-warning:hover {
|
|
background-color: #b30000;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor .ab-icon {
|
|
color: #aaa !important;
|
|
display: none !important;
|
|
font: 18px/44px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
|
|
padding: 0 10px !important;
|
|
width: auto !important;
|
|
}
|
|
@media screen and (max-width: 782px) {
|
|
#wpadminbar #wp-admin-bar-query-monitor .ab-icon {
|
|
display: block !important;
|
|
}
|
|
#wpadminbar #wp-admin-bar-query-monitor .ab-label {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
#wp-admin-bar-query-monitor *,
|
|
#wp-admin-bar-query-monitor {
|
|
direction: ltr !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover):not(.hover) .ab-label,
|
|
#wp-admin-bar-query-monitor-default .qm-alert a,
|
|
#wp-admin-bar-query-monitor-default .qm-error a,
|
|
#wp-admin-bar-query-monitor-default .qm-warning a,
|
|
#wp-admin-bar-query-monitor-doing_it_wrong a,
|
|
#wp-admin-bar-query-monitor-deprecateds a,
|
|
#wp-admin-bar-query-monitor-stricts a,
|
|
#wp-admin-bar-query-monitor-notices a,
|
|
#wp-admin-bar-query-monitor-expensive a,
|
|
#wp-admin-bar-query-monitor-logger-warning a,
|
|
#wp-admin-bar-query-monitor-warnings a,
|
|
#wp-admin-bar-query-monitor-errors a {
|
|
color: #eee !important;
|
|
}
|
|
|
|
#wp-admin-bar-query-monitor small {
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
#wp-admin-bar-query-monitor.hover a small,
|
|
#wp-admin-bar-query-monitor.hover a .ab-label {
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
#wp-admin-bar-query-monitor-placeholder,
|
|
#wp-admin-bar-query-monitor-default {
|
|
display: none;
|
|
}
|
|
|
|
#qm-icon-container {
|
|
display: none !important;
|
|
}
|
|
|
|
#query-monitor-main dl,
|
|
#query-monitor-main dt,
|
|
#query-monitor-main dd,
|
|
#query-monitor-main button,
|
|
#query-monitor-main caption,
|
|
#query-monitor-main label,
|
|
#query-monitor-main select,
|
|
#query-monitor-main table,
|
|
#query-monitor-main td,
|
|
#query-monitor-main th,
|
|
#query-monitor-main ul,
|
|
#query-monitor-main ol,
|
|
#query-monitor-main li,
|
|
#query-monitor-main code,
|
|
#query-monitor-main pre,
|
|
#query-monitor-main a,
|
|
#query-monitor-main h1,
|
|
#query-monitor-main h2,
|
|
#query-monitor-main h3,
|
|
#query-monitor-main h4,
|
|
#query-monitor-main h5,
|
|
#query-monitor-main h6,
|
|
#query-monitor-main section,
|
|
#query-monitor-main nav,
|
|
#query-monitor-main p {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
box-sizing: border-box !important;
|
|
clear: both !important;
|
|
color: var(--qm-container-fg) !important;
|
|
float: none !important;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
|
|
font-size: 12px !important;
|
|
-webkit-font-smoothing: auto !important;
|
|
font-style: normal !important;
|
|
font-weight: normal !important;
|
|
letter-spacing: -0.1px !important;
|
|
line-height: 18px !important;
|
|
margin: 0 !important;
|
|
min-height: auto !important;
|
|
outline: none !important;
|
|
padding: 0 !important;
|
|
text-align: left !important;
|
|
text-decoration: none !important;
|
|
text-indent: 0 !important;
|
|
text-shadow: none !important;
|
|
text-transform: none !important;
|
|
transition: none !important;
|
|
vertical-align: baseline !important;
|
|
word-break: normal !important;
|
|
word-wrap: normal !important;
|
|
width: auto !important;
|
|
}
|
|
#query-monitor-main dl::before, #query-monitor-main dl::after,
|
|
#query-monitor-main dt::before,
|
|
#query-monitor-main dt::after,
|
|
#query-monitor-main dd::before,
|
|
#query-monitor-main dd::after,
|
|
#query-monitor-main button::before,
|
|
#query-monitor-main button::after,
|
|
#query-monitor-main caption::before,
|
|
#query-monitor-main caption::after,
|
|
#query-monitor-main label::before,
|
|
#query-monitor-main label::after,
|
|
#query-monitor-main select::before,
|
|
#query-monitor-main select::after,
|
|
#query-monitor-main table::before,
|
|
#query-monitor-main table::after,
|
|
#query-monitor-main td::before,
|
|
#query-monitor-main td::after,
|
|
#query-monitor-main th::before,
|
|
#query-monitor-main th::after,
|
|
#query-monitor-main ul::before,
|
|
#query-monitor-main ul::after,
|
|
#query-monitor-main ol::before,
|
|
#query-monitor-main ol::after,
|
|
#query-monitor-main li::before,
|
|
#query-monitor-main li::after,
|
|
#query-monitor-main code::before,
|
|
#query-monitor-main code::after,
|
|
#query-monitor-main pre::before,
|
|
#query-monitor-main pre::after,
|
|
#query-monitor-main a::before,
|
|
#query-monitor-main a::after,
|
|
#query-monitor-main h1::before,
|
|
#query-monitor-main h1::after,
|
|
#query-monitor-main h2::before,
|
|
#query-monitor-main h2::after,
|
|
#query-monitor-main h3::before,
|
|
#query-monitor-main h3::after,
|
|
#query-monitor-main h4::before,
|
|
#query-monitor-main h4::after,
|
|
#query-monitor-main h5::before,
|
|
#query-monitor-main h5::after,
|
|
#query-monitor-main h6::before,
|
|
#query-monitor-main h6::after,
|
|
#query-monitor-main section::before,
|
|
#query-monitor-main section::after,
|
|
#query-monitor-main nav::before,
|
|
#query-monitor-main nav::after,
|
|
#query-monitor-main p::before,
|
|
#query-monitor-main p::after {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
box-sizing: border-box !important;
|
|
clear: both !important;
|
|
color: var(--qm-container-fg) !important;
|
|
float: none !important;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
|
|
font-size: 12px !important;
|
|
-webkit-font-smoothing: auto !important;
|
|
font-style: normal !important;
|
|
font-weight: normal !important;
|
|
letter-spacing: -0.1px !important;
|
|
line-height: 18px !important;
|
|
margin: 0 !important;
|
|
min-height: auto !important;
|
|
outline: none !important;
|
|
padding: 0 !important;
|
|
text-align: left !important;
|
|
text-decoration: none !important;
|
|
text-indent: 0 !important;
|
|
text-shadow: none !important;
|
|
text-transform: none !important;
|
|
transition: none !important;
|
|
vertical-align: baseline !important;
|
|
word-break: normal !important;
|
|
word-wrap: normal !important;
|
|
background: var(--qm-panel-bg) !important;
|
|
border-top: 1px solid var(--qm-panel-border) !important;
|
|
bottom: 0 !important;
|
|
contain: layout paint;
|
|
direction: ltr !important;
|
|
display: none;
|
|
left: 0 !important;
|
|
margin: 0 !important;
|
|
position: fixed;
|
|
right: 0 !important;
|
|
text-align: left !important;
|
|
z-index: 99998 !important;
|
|
}
|
|
#query-monitor-main::before, #query-monitor-main::after {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main ::selection {
|
|
background-color: var(--qm-selection-bg) !important;
|
|
color: var(--qm-selection-fg) !important;
|
|
}
|
|
#query-monitor-main strong,
|
|
#query-monitor-main b {
|
|
font-weight: bold !important;
|
|
}
|
|
#query-monitor-main em,
|
|
#query-monitor-main i {
|
|
font-style: italic !important;
|
|
}
|
|
#query-monitor-main.qm-show, #query-monitor-main.qm-peek {
|
|
display: flex;
|
|
flex-direction: column !important;
|
|
height: 27px;
|
|
}
|
|
#query-monitor-main.qm-show {
|
|
height: 60%;
|
|
width: 60%;
|
|
}
|
|
#query-monitor-main:not(.qm-show-right) {
|
|
width: 100% !important;
|
|
}
|
|
#query-monitor-main.qm-show-right {
|
|
height: calc( 100vh - 32px ) !important;
|
|
top: 32px !important;
|
|
left: unset !important;
|
|
border-top: 0 !important;
|
|
border-left: 1px solid var(--qm-panel-border) !important;
|
|
}
|
|
#query-monitor-main.qm-show-right #qm-panel-menu,
|
|
#query-monitor-main.qm-show-right #qm-title h1.qm-title-heading {
|
|
display: none;
|
|
}
|
|
#query-monitor-main.qm-show-right #qm-title div.qm-title-heading {
|
|
display: block;
|
|
}
|
|
#query-monitor-main.qm-show-right #qm-title {
|
|
cursor: default !important;
|
|
}
|
|
#query-monitor-main.qm-show-right #qm-side-resizer {
|
|
background: transparent !important;
|
|
cursor: ew-resize !important;
|
|
display: block !important;
|
|
height: 100% !important;
|
|
position: absolute !important;
|
|
left: -2px !important;
|
|
top: 0 !important;
|
|
width: 4px !important;
|
|
z-index: 2 !important;
|
|
}
|
|
#query-monitor-main.qm-show-right.qm-peek {
|
|
height: 100vh !important;
|
|
top: 0 !important;
|
|
}
|
|
#query-monitor-main #qm-wrapper {
|
|
display: flex;
|
|
flex-grow: 1 !important;
|
|
/* Fix nested scrolling in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1043520: */
|
|
min-height: 0;
|
|
}
|
|
#query-monitor-main #qm-title {
|
|
align-items: center !important;
|
|
background: var(--qm-container-bg) !important;
|
|
border-bottom: 1px solid var(--qm-panel-border) !important;
|
|
cursor: ns-resize !important;
|
|
display: flex !important;
|
|
flex-shrink: 0 !important;
|
|
height: 27px !important;
|
|
padding: 0 0 0 10px !important;
|
|
-moz-user-select: none !important;
|
|
-ms-user-select: none !important;
|
|
-webkit-user-select: none !important;
|
|
user-select: none !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-title-heading {
|
|
border-right: 1px solid #bbb !important;
|
|
flex-grow: 1 !important;
|
|
margin-right: 6px !important;
|
|
}
|
|
#query-monitor-main #qm-title div.qm-title-heading {
|
|
display: none;
|
|
}
|
|
#query-monitor-main #qm-title .qm-title-button {
|
|
flex-shrink: 0 !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-icon {
|
|
display: inline-block !important;
|
|
height: 20px !important;
|
|
width: 20px !important;
|
|
fill: var(--qm-title-button-fg) !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-button-container-close {
|
|
margin-right: 10px !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-button-container-close .qm-icon {
|
|
margin: 4px 0 0 !important;
|
|
width: 18px !important;
|
|
height: 18px !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-button-container-position {
|
|
transform: scaleX(-1) rotate(90deg) !important;
|
|
padding-top: 5px !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-button-container-position .qm-icon {
|
|
width: 14px !important;
|
|
height: 14px !important;
|
|
}
|
|
#query-monitor-main #qm-title .qm-button-container-settings .qm-icon {
|
|
margin: 4px 0 0 !important;
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
}
|
|
@media screen and (max-width: 960px) {
|
|
#query-monitor-main #qm-title .qm-button-container-position {
|
|
display: none !important;
|
|
}
|
|
}
|
|
#query-monitor-main #qm-title button {
|
|
background: var(--qm-title-button-bg) !important;
|
|
cursor: pointer !important;
|
|
display: inline-block !important;
|
|
margin: 0 !important;
|
|
min-width: auto !important;
|
|
padding: 0 5px !important;
|
|
}
|
|
#query-monitor-main #qm-title button:focus *,
|
|
#query-monitor-main #qm-title button:hover *,
|
|
#query-monitor-main #qm-title button:focus,
|
|
#query-monitor-main #qm-title button:hover {
|
|
background: var(--qm-title-button-bg-hover) !important;
|
|
}
|
|
#query-monitor-main #qm-title button:focus * svg,
|
|
#query-monitor-main #qm-title button:hover * svg,
|
|
#query-monitor-main #qm-title button:focus svg,
|
|
#query-monitor-main #qm-title button:hover svg {
|
|
fill: var(--qm-title-button-fg-hover) !important;
|
|
}
|
|
#query-monitor-main #qm-title button:active *,
|
|
#query-monitor-main #qm-title button:active {
|
|
background: #ccc !important;
|
|
}
|
|
#query-monitor-main.qm-show-right #qm-title .qm-button-container-position .qm-icon {
|
|
margin: 4px 1px 0 1px !important;
|
|
transform: none !important;
|
|
}
|
|
#query-monitor-main .qm {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu {
|
|
background: var(--qm-container-overflow) !important;
|
|
flex-shrink: 0 !important;
|
|
overflow-y: scroll !important;
|
|
overscroll-behavior: contain !important;
|
|
height: auto !important;
|
|
min-width: 160px !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu ul {
|
|
display: block !important;
|
|
list-style: none !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li {
|
|
display: list-item !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
height: auto !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li ul {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button {
|
|
background: var(--qm-panel-menu-bg) !important;
|
|
border-bottom: 1px solid var(--qm-panel-menu-border) !important;
|
|
border-right: 1px solid var(--qm-panel-border) !important;
|
|
color: var(--qm-panel-menu-fg) !important;
|
|
cursor: pointer !important;
|
|
display: block !important;
|
|
padding: 7px 32px 7px 10px !important;
|
|
position: relative !important;
|
|
text-decoration: none !important;
|
|
width: 100% !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button:focus,
|
|
#query-monitor-main #qm-panel-menu li button:hover {
|
|
background: var(--qm-panel-menu-bg-hover) !important;
|
|
color: var(--qm-panel-menu-fg-hover) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button:focus {
|
|
text-decoration: underline !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button:active {
|
|
text-decoration: none !important;
|
|
background: var(--qm-panel-menu-bg-selected) !important;
|
|
color: var(--qm-panel-menu-fg-selected) !important;
|
|
text-shadow: 0 -1px 1px var(--qm-panel-menu-shadow), 1px 0 1px var(--qm-panel-menu-shadow), 0 1px 1px var(--qm-panel-menu-shadow), -1px 0 1px var(--qm-panel-menu-shadow) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li.qm-current-menu ul {
|
|
display: block !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li.qm-current-menu button {
|
|
background: var(--qm-panel-menu-bg-current) !important;
|
|
color: var(--qm-panel-menu-fg-current) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li.qm-current-menu button:focus {
|
|
background: var(--qm-panel-menu-bg-current-focus) !important;
|
|
color: var(--qm-panel-menu-fg-current) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li.qm-current-menu button:hover {
|
|
background: var(--qm-panel-menu-bg-hover) !important;
|
|
color: var(--qm-panel-menu-fg-hover) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li li button::before {
|
|
content: "└" !important;
|
|
display: inline-block !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button[aria-selected=true] {
|
|
background: var(--qm-panel-menu-bg-selected) !important;
|
|
color: var(--qm-panel-menu-fg-selected) !important;
|
|
text-shadow: 0 -1px 1px var(--qm-panel-menu-shadow), 1px 0 1px var(--qm-panel-menu-shadow), 0 1px 1px var(--qm-panel-menu-shadow), -1px 0 1px var(--qm-panel-menu-shadow) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button[aria-selected=true]:focus {
|
|
background: var(--qm-panel-menu-bg-selected-focus) !important;
|
|
color: var(--qm-panel-menu-fg-selected) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button[aria-selected=true]:hover {
|
|
background: var(--qm-panel-menu-bg-selected) !important;
|
|
color: var(--qm-panel-menu-fg-selected) !important;
|
|
}
|
|
#query-monitor-main #qm-panel-menu li button[aria-selected=true]:after {
|
|
border: solid 8px transparent;
|
|
border-right-color: var(--qm-panel-bg);
|
|
content: " ";
|
|
display: inline-block !important;
|
|
height: 0;
|
|
margin-top: -8px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: -1px;
|
|
top: 50%;
|
|
width: 0;
|
|
}
|
|
#query-monitor-main #qm-panels {
|
|
flex-grow: 1 !important;
|
|
overflow-y: scroll !important;
|
|
overscroll-behavior: contain !important;
|
|
}
|
|
#query-monitor-main .qm.qm-panel-show {
|
|
display: block !important;
|
|
}
|
|
#query-monitor-main .qm:focus {
|
|
outline: 0 !important;
|
|
/* @TODO might not need this any more */
|
|
}
|
|
#query-monitor-main .qm-boxed {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
}
|
|
#query-monitor-main .qm-boxed:not(#qm-broken) + .qm-grid, #query-monitor-main .qm-boxed:not(#qm-broken) + .qm-boxed {
|
|
border-top: 1px solid var(--qm-panel-separator) !important;
|
|
padding-top: 10px !important;
|
|
}
|
|
#query-monitor-main .qm-grid {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
}
|
|
#query-monitor-main .qm-grid section {
|
|
width: 22em !important;
|
|
}
|
|
#query-monitor-main .qm .qm-none {
|
|
margin: 2em !important;
|
|
}
|
|
#query-monitor-main .qm .qm-none p {
|
|
font-style: italic !important;
|
|
text-align: center !important;
|
|
}
|
|
#query-monitor-main .qm table {
|
|
border: none !important;
|
|
border-collapse: collapse !important;
|
|
box-shadow: 0 1px 0 0 var(--qm-panel-border) !important;
|
|
color: var(--qm-panel-fg) !important;
|
|
margin: 0 !important;
|
|
table-layout: auto !important;
|
|
width: 100% !important;
|
|
}
|
|
#query-monitor-main .qm table + table {
|
|
border-top: 1px solid var(--qm-cell-border) !important;
|
|
margin-top: 5px !important;
|
|
}
|
|
#query-monitor-main .qm thead,
|
|
#query-monitor-main .qm tbody,
|
|
#query-monitor-main .qm tfoot {
|
|
border: none !important;
|
|
background-color: inherit !important;
|
|
}
|
|
#query-monitor-main .qm tr {
|
|
border: none !important;
|
|
background-color: inherit !important;
|
|
}
|
|
#query-monitor-main .qm tbody th,
|
|
#query-monitor-main .qm tbody td,
|
|
#query-monitor-main .qm tfoot th,
|
|
#query-monitor-main .qm tfoot td {
|
|
border: 1px solid var(--qm-cell-border) !important;
|
|
padding: 6px 6px 5px 6px !important;
|
|
vertical-align: top !important;
|
|
}
|
|
#query-monitor-main .qm tbody th,
|
|
#query-monitor-main .qm tbody td {
|
|
border-bottom: none !important;
|
|
border-top: none !important;
|
|
}
|
|
#query-monitor-main .qm thead th {
|
|
background: var(--qm-table-header-bg) !important;
|
|
border: 1px solid var(--qm-cell-border) !important;
|
|
border-top: none !important;
|
|
box-shadow: 0 1px 0 var(--qm-cell-border) !important;
|
|
padding: 5px 5px 5px 6px !important;
|
|
position: -webkit-sticky !important;
|
|
position: sticky !important;
|
|
top: 0 !important;
|
|
z-index: 1 !important;
|
|
}
|
|
#query-monitor-main .qm thead th,
|
|
#query-monitor-main .qm thead td {
|
|
vertical-align: top !important;
|
|
}
|
|
#query-monitor-main .qm thead .qm-th {
|
|
display: flex !important;
|
|
}
|
|
#query-monitor-main .qm tfoot tr td,
|
|
#query-monitor-main .qm tfoot tr th {
|
|
background: var(--qm-table-footer-bg) !important;
|
|
border: none !important;
|
|
bottom: 0 !important;
|
|
box-shadow: inset 0 1px 0 var(--qm-cell-border) !important;
|
|
position: -webkit-sticky !important;
|
|
position: sticky !important;
|
|
}
|
|
#query-monitor-main .qm th:first-child,
|
|
#query-monitor-main .qm td:first-child {
|
|
border-left: none !important;
|
|
}
|
|
#query-monitor-main .qm th:last-child,
|
|
#query-monitor-main .qm td:last-child {
|
|
border-right: none !important;
|
|
}
|
|
#query-monitor-main .qm tfoot td.qm-num,
|
|
#query-monitor-main .qm tfoot th.qm-num,
|
|
#query-monitor-main .qm thead td.qm-num,
|
|
#query-monitor-main .qm thead th.qm-num {
|
|
width: 5.5em !important;
|
|
}
|
|
#query-monitor-main .qm th.qm-num,
|
|
#query-monitor-main .qm td.qm-num {
|
|
text-align: right !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-num {
|
|
font-family: Menlo, Monaco, Consolas, monospace !important;
|
|
font-size: 11px !important;
|
|
line-height: 20px !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-row-sql {
|
|
min-width: 25em !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-row-block-attrs,
|
|
#query-monitor-main .qm td.qm-row-block-context,
|
|
#query-monitor-main .qm td.qm-row-block-html {
|
|
max-width: 40em !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-row-block-attrs,
|
|
#query-monitor-main .qm td.qm-row-block-context,
|
|
#query-monitor-main .qm td.qm-row-block-html,
|
|
#query-monitor-main .qm tr.qm-warn td.qm-col-status,
|
|
#query-monitor-main .qm td.qm-url,
|
|
#query-monitor-main .qm th.qm-col-message,
|
|
#query-monitor-main .qm td.qm-row-component {
|
|
min-width: 15em !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-has-toggle {
|
|
padding-right: 28px !important;
|
|
position: relative !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-has-toggle:not(.qm-toggled-on) .qm-supplemental {
|
|
display: none;
|
|
}
|
|
#query-monitor-main .qm .qm-inner-toggle {
|
|
padding: 4px 6px !important;
|
|
}
|
|
#query-monitor-main .qm .qm-has-inner .qm-toggled > table {
|
|
border-bottom: none !important;
|
|
border-top: 1px solid var(--qm-cell-border) !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-has-inner .qm-toggler,
|
|
#query-monitor-main .qm td.qm-has-inner {
|
|
padding: 0 !important;
|
|
}
|
|
#query-monitor-main .qm caption h2 {
|
|
font-size: 14px !important;
|
|
margin: 20px !important;
|
|
}
|
|
#query-monitor-main .qm-concerns table {
|
|
border-top: 1px solid var(--qm-cell-border) !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular {
|
|
padding: 10px 20px !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular h3 {
|
|
font-size: 14px !important;
|
|
margin: 0 0 15px 0 !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular h4 {
|
|
font-size: 12px !important;
|
|
margin: 20px 0 10px !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular p {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular dl {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
max-width: 60em !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular dt {
|
|
border-top: 1px solid var(--qm-panel-separator) !important;
|
|
flex-grow: 0;
|
|
flex: 1 0 16em;
|
|
padding: 10px 10px 10px 0 !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular dd {
|
|
border-top: 1px solid var(--qm-panel-separator) !important;
|
|
flex: 1 0 calc(100% - 10px - 16em);
|
|
padding: 10px 0 !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular section,
|
|
#query-monitor-main .qm-non-tabular .qm-section {
|
|
margin: 0 0 30px 0 !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-grid section,
|
|
#query-monitor-main .qm-non-tabular .qm-boxed section,
|
|
#query-monitor-main .qm-non-tabular .qm-boxed .qm-section {
|
|
border-right: 1px solid var(--qm-panel-separator) !important;
|
|
margin: 0 20px 10px 0 !important;
|
|
padding: 10px 20px 10px 0 !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-grid section:last-child,
|
|
#query-monitor-main .qm-non-tabular .qm-boxed section:last-child,
|
|
#query-monitor-main .qm-non-tabular .qm-boxed .qm-section:last-child {
|
|
border-right: none !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular table {
|
|
border-bottom-color: var(--qm-cell-border) !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-full-width {
|
|
border-top: 1px solid var(--qm-cell-border) !important;
|
|
margin-right: -20px !important;
|
|
margin-left: -20px !important;
|
|
width: calc(100% + 40px) !important;
|
|
}
|
|
#query-monitor-main #qm-conditionals li {
|
|
display: inline-block !important;
|
|
margin: 0 20px 5px 0 !important;
|
|
}
|
|
#query-monitor-main .qm ol,
|
|
#query-monitor-main .qm ul {
|
|
list-style: none !important;
|
|
}
|
|
#query-monitor-main .qm li {
|
|
display: list-item !important;
|
|
list-style: none !important;
|
|
line-height: 20px !important;
|
|
}
|
|
#query-monitor-main .qm li::before {
|
|
content: "" !important;
|
|
}
|
|
#query-monitor-main .qm code,
|
|
#query-monitor-main .qm pre {
|
|
font-family: Menlo, Monaco, Consolas, monospace !important;
|
|
font-size: 11px !important;
|
|
line-height: 20px !important;
|
|
}
|
|
#query-monitor-main .qm pre {
|
|
background: transparent !important;
|
|
height: auto !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
width: auto !important;
|
|
}
|
|
#query-monitor-main .qm .qm-true code,
|
|
#query-monitor-main .qm p.qm-true,
|
|
#query-monitor-main .qm span.qm-true,
|
|
#query-monitor-main .qm td.qm-true {
|
|
/* @TODO */
|
|
color: #282 !important;
|
|
}
|
|
#query-monitor-main .qm .qm-false code,
|
|
#query-monitor-main .qm span.qm-false,
|
|
#query-monitor-main .qm td.qm-false {
|
|
/* @TODO */
|
|
color: #767676 !important;
|
|
}
|
|
#query-monitor-main .qm .qm-num,
|
|
#query-monitor-main .qm code,
|
|
#query-monitor-main .qm .qm-nowrap {
|
|
white-space: nowrap !important;
|
|
}
|
|
#query-monitor-main .qm .qm-wrap code,
|
|
#query-monitor-main .qm .qm-wrap {
|
|
white-space: normal !important;
|
|
word-break: break-all !important;
|
|
word-wrap: break-word !important;
|
|
}
|
|
#query-monitor-main .qm .qm-pre-wrap code {
|
|
white-space: pre-wrap !important;
|
|
word-break: break-all !important;
|
|
word-wrap: break-word !important;
|
|
}
|
|
#query-monitor-main .qm .qm-sticky {
|
|
position: sticky !important;
|
|
top: 36px !important;
|
|
}
|
|
#query-monitor-main .qm .qm-current,
|
|
#query-monitor-main .qm td.qm-has-toggle p,
|
|
#query-monitor-main .qm .qm-nonselectsql code,
|
|
#query-monitor-main .qm .qm-nonselectsql {
|
|
color: var(--qm-nonselect-fg) !important;
|
|
}
|
|
#query-monitor-main .qm .qm-info {
|
|
color: var(--qm-info-fg) !important;
|
|
}
|
|
#query-monitor-main .qm .qm-supplemental {
|
|
margin-left: 0.75em !important;
|
|
margin-right: 0.75em !important;
|
|
}
|
|
#query-monitor-main .qm td.qm-toggled-on .qm-inverse-toggled,
|
|
#query-monitor-main .qm td .qm-toggled {
|
|
display: none;
|
|
}
|
|
#query-monitor-main .qm button.qm-button,
|
|
#query-monitor-main .qm .qm-toggle {
|
|
background: var(--qm-button-bg) !important;
|
|
border: 1px solid var(--qm-button-bg) !important;
|
|
border-radius: 3px !important;
|
|
color: var(--qm-button-fg) !important;
|
|
cursor: pointer !important;
|
|
font-weight: normal !important;
|
|
text-shadow: none !important;
|
|
}
|
|
#query-monitor-main .qm .qm-toggle {
|
|
bottom: auto !important;
|
|
font-family: Menlo, Monaco, Consolas, monospace !important;
|
|
height: 18px !important;
|
|
left: auto !important;
|
|
line-height: 16px !important;
|
|
padding: 0 !important;
|
|
position: absolute !important;
|
|
right: 5px !important;
|
|
text-align: center !important;
|
|
top: 5px !important;
|
|
user-select: none;
|
|
width: 18px !important;
|
|
}
|
|
#query-monitor-main .qm button {
|
|
cursor: pointer !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-button {
|
|
padding: 4px 10px !important;
|
|
}
|
|
#query-monitor-main .qm .qm-has-inner .qm-toggle {
|
|
right: 5px !important;
|
|
top: 5px !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-button:hover,
|
|
#query-monitor-main .qm .qm-toggle:hover {
|
|
background: var(--qm-button-bg-hover) !important;
|
|
border-color: var(--qm-button-bg-hover) !important;
|
|
color: var(--qm-button-fg-hover) !important;
|
|
text-decoration: none !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-button:focus,
|
|
#query-monitor-main .qm .qm-toggle:focus {
|
|
background: var(--qm-button-bg-hover) !important;
|
|
border-color: var(--qm-button-bg-hover) !important;
|
|
color: var(--qm-button-fg-hover) !important;
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--qm-button-bg-hover) !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-button:active,
|
|
#query-monitor-main .qm .qm-toggle:active {
|
|
background: var(--qm-button-bg-active) !important;
|
|
border-color: var(--qm-button-bg-active) !important;
|
|
color: var(--qm-button-fg-active) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
#query-monitor-main .qm input[type=radio].qm-radio,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:focus,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked:focus,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:hover,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked:hover {
|
|
all: revert !important;
|
|
accent-color: var(--qm-button-bg) !important;
|
|
}
|
|
#query-monitor-main .qm input[type=radio].qm-radio::before, #query-monitor-main .qm input[type=radio].qm-radio::after,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked::before,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked::after,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:focus::before,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:focus::after,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked:focus::before,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked:focus::after,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:hover::before,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:hover::after,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked:hover::before,
|
|
#query-monitor-main .qm input[type=radio].qm-radio:checked:hover::after {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr.qm-odd td,
|
|
#query-monitor-main .qm tbody tr.qm-odd th {
|
|
background: var(--qm-cell-bg-stripe) !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-warn,
|
|
#query-monitor-main .qm thead tr .qm-warn,
|
|
#query-monitor-main .qm tbody tr .qm-warn {
|
|
background-color: var(--qm-warn-bg) !important;
|
|
color: var(--qm-warn-fg) !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-warn .qm-icon,
|
|
#query-monitor-main .qm thead tr .qm-warn .qm-icon,
|
|
#query-monitor-main .qm tbody tr .qm-warn .qm-icon {
|
|
fill: var(--qm-warn-fg) !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr th.qm-warn,
|
|
#query-monitor-main .qm tbody tr td.qm-warn,
|
|
#query-monitor-main .qm tbody tr.qm-warn td,
|
|
#query-monitor-main .qm tbody tr.qm-warn th {
|
|
background-color: var(--qm-warn-bg) !important;
|
|
color: var(--qm-warn-fg) !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr th.qm-warn .qm-icon,
|
|
#query-monitor-main .qm tbody tr td.qm-warn .qm-icon,
|
|
#query-monitor-main .qm tbody tr.qm-warn td .qm-icon,
|
|
#query-monitor-main .qm tbody tr.qm-warn th .qm-icon {
|
|
fill: var(--qm-warn-fg) !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr.qm-odd th.qm-warn,
|
|
#query-monitor-main .qm tbody tr.qm-odd td.qm-warn,
|
|
#query-monitor-main .qm tbody tr.qm-odd.qm-warn td,
|
|
#query-monitor-main .qm tbody tr.qm-odd.qm-warn th {
|
|
background-color: var(--qm-warn-bg-dark) !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-warn code,
|
|
#query-monitor-main .qm tbody .qm-warn li,
|
|
#query-monitor-main .qm tbody .qm-warn .qm-info,
|
|
#query-monitor-main .qm tbody .qm-warn code {
|
|
background-color: transparent !important;
|
|
color: var(--qm-warn-fg) !important;
|
|
}
|
|
#query-monitor-main .qm-non-tabular .qm-warn code .qm-icon,
|
|
#query-monitor-main .qm tbody .qm-warn li .qm-icon,
|
|
#query-monitor-main .qm tbody .qm-warn .qm-info .qm-icon,
|
|
#query-monitor-main .qm tbody .qm-warn code .qm-icon {
|
|
fill: var(--qm-warn-fg) !important;
|
|
}
|
|
#query-monitor-main .qm .qm-notice {
|
|
background: var(--qm-panel-menu-bg-current) !important;
|
|
border: 1px solid var(--qm-panel-menu-bg-hover) !important;
|
|
margin: 0 0 10px 0 !important;
|
|
max-width: 40em !important;
|
|
padding: 10px 20px 0 !important;
|
|
}
|
|
#query-monitor-main .qm .qm-icon {
|
|
margin-right: 0.3em !important;
|
|
display: inline-block !important;
|
|
height: 16px !important;
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
width: 16px !important;
|
|
fill: var(--qm-container-fg) !important;
|
|
vertical-align: top !important;
|
|
}
|
|
#query-monitor-main .qm .qm-icon-yes-alt {
|
|
fill: #0a0 !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr td.qm-highlight,
|
|
#query-monitor-main .qm tbody tr.qm-highlight th,
|
|
#query-monitor-main .qm tbody tr.qm-highlight td {
|
|
background-color: var(--qm-cell-bg-highlight) !important;
|
|
color: var(--qm-cell-fg-highlight) !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr.qm-odd td.qm-highlight,
|
|
#query-monitor-main .qm tbody tr.qm-odd.qm-highlight th,
|
|
#query-monitor-main .qm tbody tr.qm-odd.qm-highlight td {
|
|
background-color: var(--qm-cell-bg-highlight-dark) !important;
|
|
color: var(--qm-cell-fg-highlight) !important;
|
|
}
|
|
#query-monitor-main .qm tbody tr.qm-odd.qm-hovered th,
|
|
#query-monitor-main .qm tbody tr.qm-odd.qm-hovered td,
|
|
#query-monitor-main .qm tbody tr.qm-odd:hover th,
|
|
#query-monitor-main .qm tbody tr.qm-odd:hover td,
|
|
#query-monitor-main .qm tbody tr.qm-hovered th,
|
|
#query-monitor-main .qm tbody tr.qm-hovered td,
|
|
#query-monitor-main .qm tbody tr:hover th,
|
|
#query-monitor-main .qm tbody tr:hover td {
|
|
background: var(--qm-cell-bg-hover) !important;
|
|
}
|
|
#query-monitor-main .qm thead th.qm-filtered select.qm-filter {
|
|
background-color: var(--qm-cell-bg-highlight) !important;
|
|
color: var(--qm-cell-fg-highlight) !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-filter-trigger,
|
|
#query-monitor-main .qm button.qm-filter-trigger code,
|
|
#query-monitor-main .qm tbody .qm-warn a code,
|
|
#query-monitor-main .qm a code,
|
|
#query-monitor-main .qm a {
|
|
color: var(--qm-link-fg) !important;
|
|
cursor: pointer !important;
|
|
text-decoration: none !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-filter-trigger:after, #query-monitor-main .qm button.qm-filter-trigger:focus, #query-monitor-main .qm button.qm-filter-trigger:hover,
|
|
#query-monitor-main .qm button.qm-filter-trigger code:after,
|
|
#query-monitor-main .qm button.qm-filter-trigger code:focus,
|
|
#query-monitor-main .qm button.qm-filter-trigger code:hover,
|
|
#query-monitor-main .qm tbody .qm-warn a code:after,
|
|
#query-monitor-main .qm tbody .qm-warn a code:focus,
|
|
#query-monitor-main .qm tbody .qm-warn a code:hover,
|
|
#query-monitor-main .qm a code:after,
|
|
#query-monitor-main .qm a code:focus,
|
|
#query-monitor-main .qm a code:hover,
|
|
#query-monitor-main .qm a:after,
|
|
#query-monitor-main .qm a:focus,
|
|
#query-monitor-main .qm a:hover {
|
|
color: var(--qm-link-fg-hover) !important;
|
|
text-decoration: underline !important;
|
|
}
|
|
#query-monitor-main .qm button.qm-filter-trigger:active,
|
|
#query-monitor-main .qm button.qm-filter-trigger code:active,
|
|
#query-monitor-main .qm tbody .qm-warn a code:active,
|
|
#query-monitor-main .qm a code:active,
|
|
#query-monitor-main .qm a:active {
|
|
color: var(--qm-link-fg-active) !important;
|
|
text-decoration: underline !important;
|
|
}
|
|
#query-monitor-main .qm a.qm-external-link svg,
|
|
#query-monitor-main .qm a.qm-link svg,
|
|
#query-monitor-main .qm a.qm-edit-link svg,
|
|
#query-monitor-main .qm button.qm-filter-trigger svg {
|
|
fill: var(--qm-link-fg-hover) !important;
|
|
width: 16px;
|
|
height: 16px;
|
|
left: 2px !important;
|
|
position: relative !important;
|
|
text-decoration: none !important;
|
|
top: 2px !important;
|
|
visibility: hidden !important;
|
|
}
|
|
#query-monitor-main .qm a.qm-external-link svg,
|
|
#query-monitor-main .qm a.qm-link:hover svg,
|
|
#query-monitor-main .qm a.qm-link:focus svg,
|
|
#query-monitor-main .qm a.qm-edit-link:hover svg,
|
|
#query-monitor-main .qm a.qm-edit-link:focus svg,
|
|
#query-monitor-main .qm button.qm-filter-trigger:hover svg,
|
|
#query-monitor-main .qm button.qm-filter-trigger:focus svg {
|
|
visibility: visible !important;
|
|
}
|
|
#query-monitor-main #qm-ajax-errors {
|
|
display: none;
|
|
}
|
|
#query-monitor-main button,
|
|
#query-monitor-main select {
|
|
background: none !important;
|
|
cursor: pointer !important;
|
|
height: auto !important;
|
|
margin: 0 !important;
|
|
width: auto !important;
|
|
}
|
|
#query-monitor-main .qm label {
|
|
color: var(--qm-panel-fg) !important;
|
|
cursor: pointer !important;
|
|
font-size: 12px !important;
|
|
font-style: normal !important;
|
|
font-weight: normal !important;
|
|
margin: 0 !important;
|
|
}
|
|
#query-monitor-main .qm thead label {
|
|
flex-grow: 1 !important;
|
|
}
|
|
#query-monitor-main .qm .qm-filter-container {
|
|
display: flex !important;
|
|
}
|
|
#query-monitor-main .qm .qm-filter-container label {
|
|
cursor: default !important;
|
|
white-space: nowrap !important;
|
|
}
|
|
#query-monitor-main .qm .qm-filter-container div {
|
|
/* Some themes use Select2 etc on all selects. This hides that. */
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main .qm-title-heading select,
|
|
#query-monitor-main .qm select.qm-filter {
|
|
-webkit-appearance: menulist !important;
|
|
-moz-appearance: menulist !important;
|
|
appearance: menulist !important;
|
|
background: var(--qm-table-header-bg) !important;
|
|
border: none !important;
|
|
color: var(--qm-panel-fg) !important;
|
|
cursor: pointer !important;
|
|
display: block !important;
|
|
float: none !important;
|
|
height: auto !important;
|
|
letter-spacing: -0.1px !important;
|
|
margin: 0 0 0 5px !important;
|
|
max-width: 12em !important;
|
|
outline: 1px solid var(--qm-panel-border) !important;
|
|
padding: 0 !important;
|
|
width: auto !important;
|
|
}
|
|
#query-monitor-main .qm-title-heading select {
|
|
max-width: unset !important;
|
|
}
|
|
#query-monitor-main .qm select.qm-filter:hover {
|
|
background: var(--qm-cell-bg-hover) !important;
|
|
}
|
|
#query-monitor-main .qm-hide,
|
|
#query-monitor-main .qm-hide-scripts-dependencies,
|
|
#query-monitor-main .qm-hide-styles-dependencies,
|
|
#query-monitor-main .qm-hide-scripts-dependents,
|
|
#query-monitor-main .qm-hide-styles-dependents,
|
|
#query-monitor-main .qm-hide-scripts-host,
|
|
#query-monitor-main .qm-hide-styles-host,
|
|
#query-monitor-main .qm-hide-user,
|
|
#query-monitor-main .qm-hide-result,
|
|
#query-monitor-main .qm-hide-name,
|
|
#query-monitor-main .qm-hide-type,
|
|
#query-monitor-main .qm-hide-caller,
|
|
#query-monitor-main .qm-hide-component,
|
|
#query-monitor-main .qm-hide-host {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main .qm thead th.qm-sortable-column {
|
|
cursor: pointer !important;
|
|
}
|
|
#query-monitor-main .qm thead th.qm-sortable-column:hover {
|
|
background: var(--qm-container-bg) !important;
|
|
}
|
|
#query-monitor-main .qm .qm-sort-heading {
|
|
flex-grow: 1 !important;
|
|
}
|
|
#query-monitor-main .qm .qm-sort-controls {
|
|
flex-shrink: 0 !important;
|
|
text-align: right !important;
|
|
}
|
|
#query-monitor-main .qm .qm-sort-controls .qm-icon {
|
|
margin-right: 0 !important;
|
|
fill: #ccc !important;
|
|
}
|
|
#query-monitor-main .qm .qm-sorted-desc .qm-sort-controls svg,
|
|
#query-monitor-main .qm .qm-sorted-asc .qm-sort-controls svg {
|
|
fill: var(--qm-container-fg) !important;
|
|
}
|
|
#query-monitor-main .qm thead th.qm-sortable-column:hover .qm-sort-controls svg {
|
|
fill: var(--qm-panel-menu-bg-selected) !important;
|
|
}
|
|
#query-monitor-main .qm .qm-sortable-column.qm-sorted-asc .qm-sort-controls {
|
|
transform: scaleY(-1) !important;
|
|
}
|
|
#query-monitor-main .qm button:focus,
|
|
#query-monitor-main .qm a:focus,
|
|
#query-monitor-main .qm select:focus {
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--qm-button-bg-hover) !important;
|
|
}
|
|
#query-monitor-main .qm button:active,
|
|
#query-monitor-main .qm a:active,
|
|
#query-monitor-main .qm select:active {
|
|
box-shadow: none !important;
|
|
}
|
|
#query-monitor-main .qm-screen-reader-text,
|
|
#query-monitor-main .screen-reader-text {
|
|
border: 0 !important;
|
|
clip: rect(0 0 0 0) !important;
|
|
height: 1px !important;
|
|
margin: -1px !important;
|
|
overflow: hidden !important;
|
|
padding: 0 !important;
|
|
position: absolute !important;
|
|
width: 1px !important;
|
|
}
|
|
@media screen and (max-width: 782px) {
|
|
#query-monitor-main #qm-panel-menu,
|
|
#query-monitor-main #qm-title h1.qm-title-heading {
|
|
display: none;
|
|
}
|
|
#query-monitor-main #qm-title div.qm-title-heading {
|
|
display: block;
|
|
}
|
|
}
|
|
#query-monitor-main [data-qm-state=off] [data-qm-state-visibility=on],
|
|
#query-monitor-main [data-qm-state=on] [data-qm-state-visibility=off] {
|
|
display: none;
|
|
}
|
|
#query-monitor-main.qm-no-js .qm-sort-controls, #query-monitor-main.qm-no-js .qm-toggle, #query-monitor-main.qm-no-js select.qm-filter {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar textarea,
|
|
#query-monitor-main .qm.qm-debug-bar pre {
|
|
border: 1px solid var(--qm-panel-separator) !important;
|
|
margin: 4px 0 !important;
|
|
padding: 10px !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar textarea {
|
|
resize: vertical !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar .left {
|
|
float: left !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar .right {
|
|
float: right !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar h2 {
|
|
font-size: 14px !important;
|
|
margin: 4px 6px 15px !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar h3 {
|
|
border-left: 1px solid var(--qm-panel-separator) !important;
|
|
clear: none !important;
|
|
float: left !important;
|
|
font-size: 14px !important;
|
|
margin: 3px 0 15px !important;
|
|
min-width: 150px !important;
|
|
padding: 5px 15px 15px !important;
|
|
text-align: center !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar h3:first-child {
|
|
border-left: none !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar h3 small {
|
|
font-size: 14px !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar h3 span {
|
|
display: block !important;
|
|
margin-bottom: 8px !important;
|
|
white-space: nowrap !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar h4 {
|
|
font-size: 13px !important;
|
|
margin: 15px 6px 5px !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output {
|
|
position: relative !important;
|
|
}
|
|
#query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output table {
|
|
margin-bottom: 4px !important;
|
|
margin-top: 4px !important;
|
|
}
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Console {
|
|
min-height: 400px !important;
|
|
}
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Cache_Lookup,
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules,
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Widgets {
|
|
margin: 4px 6px !important;
|
|
}
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .filterui,
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .dbrr {
|
|
margin: 0 !important;
|
|
}
|
|
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Testing_Panel {
|
|
padding: 10px 0 !important;
|
|
}
|
|
#query-monitor-main #debug-menu-target-EP_Debug_Bar_ElasticPress li {
|
|
border-top: 1px solid var(--qm-panel-separator) !important;
|
|
line-height: 20px !important;
|
|
padding: 20px 0 !important;
|
|
}
|
|
#query-monitor-main #debug-menu-target-EP_Debug_Bar_ElasticPress li .dashicons:hover {
|
|
background-color: var(--qm-panel-menu-bg-hover) !important;
|
|
}
|
|
#query-monitor-main #qm-broken {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main.qm-broken #qm-title {
|
|
cursor: default !important;
|
|
}
|
|
#query-monitor-main.qm-broken #qm-title .qm-title-heading {
|
|
border-right: none !important;
|
|
}
|
|
#query-monitor-main.qm-broken .qm td .qm-toggled, #query-monitor-main.qm-broken #qm-broken, #query-monitor-main.qm-broken .qm {
|
|
display: block !important;
|
|
}
|
|
#query-monitor-main.qm-broken #qm-panel-menu, #query-monitor-main.qm-broken #qm-settings, #query-monitor-main.qm-broken #qm-title .qm-title-button {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main.qm-broken .qm {
|
|
margin-bottom: 50px !important;
|
|
}
|
|
#query-monitor-main.qm-broken .qm button.qm-filter-trigger {
|
|
color: var(--qm-container-fg) !important;
|
|
cursor: text !important;
|
|
}
|
|
#query-monitor-main.qm-broken .qm button.qm-filter-trigger:after {
|
|
display: none !important;
|
|
}
|
|
#query-monitor-main.qm-broken .qm button.qm-filter-trigger:focus, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:hover, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:active {
|
|
text-decoration: none !important;
|
|
}
|
|
#query-monitor-main.qm-broken #qm-broken h2 {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
#qm-fatal {
|
|
margin: 1em !important;
|
|
/* @TODO */
|
|
border: 2px solid #c00 !important;
|
|
/* @TODO */
|
|
box-shadow: 0 0 0 2px #fff;
|
|
/* @TODO */
|
|
background: #fff !important;
|
|
max-width: 700px !important;
|
|
clear: both !important;
|
|
position: absolute !important;
|
|
z-index: 99999 !important;
|
|
}
|
|
#qm-fatal h2 {
|
|
font-size: 12px !important;
|
|
font-weight: normal !important;
|
|
padding: 5px !important;
|
|
/* @TODO */
|
|
background: #f3f3f3 !important;
|
|
margin: 0 !important;
|
|
}
|
|
#qm-fatal .qm-icon path {
|
|
fill: #c00 !important;
|
|
}
|
|
#qm-fatal ol,
|
|
#qm-fatal p {
|
|
font-size: 12px !important;
|
|
padding: 0 !important;
|
|
margin: 1em !important;
|
|
}
|
|
#qm-fatal ol {
|
|
padding: 0 0 1em 1em !important;
|
|
}
|
|
#qm-fatal li {
|
|
margin: 0 0 0.7em !important;
|
|
list-style: none !important;
|
|
}
|
|
#qm-fatal .qm-info {
|
|
/* @TODO */
|
|
color: #666 !important;
|
|
}
|
|
|
|
body#error-page #qm-fatal {
|
|
margin: 0 !important;
|
|
border: none !important;
|
|
}
|