/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ window { padding: 0; } #body { background-color: #000000; } /* Sources and breakpoints pane */ #sources-pane { min-width: 50px; } #sources-pane + .devtools-side-splitter { -moz-border-start-color: transparent; } .side-menu-widget-item-checkbox { -moz-margin-end: -6px; padding: 0; opacity: 0; transition: opacity .15s ease 0s; } /* Only show the checkbox when the source is hovered over, is selected, or if it * is not checked. */ .side-menu-widget-item:hover > .side-menu-widget-item-checkbox, .side-menu-widget-item.selected > .side-menu-widget-item-checkbox, .side-menu-widget-item-checkbox:not([checked]) { opacity: 1; transition: opacity .15s ease-out 0s; } .side-menu-widget-item-checkbox > .checkbox-check { -moz-appearance: none; background: none; background-image: url("itemToggle.png"); background-repeat: no-repeat; background-clip: content-box; background-position: -16px 0; background-size: 32px 16px; width: 16px; height: 16px; border: 0; } .side-menu-widget-item-checkbox[checked] > .checkbox-check { background-position: 0 0; } .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents { color: #8050B0; } .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint { display: none; } /* Black box message */ #black-boxed-message { /* Prevent the container deck from aquiring the height from this message. */ min-height: 1px; background-color: #A09090; padding: 25vh 0; color: #000000; } #black-boxed-message-label, #black-boxed-message-button { text-align: center; font-size: 120%; } #black-boxed-message-button { margin-top: 1em; padding: .25em; } /* ListWidget items */ .list-widget-item { padding: 2px; } .list-widget-item:not(.selected):not(.empty):hover { /* background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/ } .list-widget-item.selected.light { /* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight; color: #000;*/ } .list-widget-item.selected { background: #008484; color: #FFCF00; } .list-widget-item.empty { color: #8050B0; /* padding: 4px; */ } /* Stack frames view */ #stackframes { min-height: 25px; } .dbg-stackframe-details { -moz-padding-start: 4px; } .dbg-stackframe-menuitem[checked] { margin-top: 3px; margin-bottom: 3px; outline: 1px solid #008484; font-weight: 600; } .dbg-stackframe-menuitem-details { -moz-padding-start: 16px; } /* Sources and breakpoints view */ .dbg-breakpoint { -moz-margin-start: -14px; } .dbg-breakpoint-line { font-weight: 600; } .dbg-breakpoint-text { -moz-margin-start: 10px !important; font-style: italic; font-size: 90%; } .dbg-breakpoint-checkbox { width: 16px; height: 16px; margin: 2px; } /* Watch expressions view */ #expressions { min-height: 10px; max-height: 125px; } .dbg-expression { height: 20px; } .dbg-expression-arrow { width: 16px; height: auto; background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16); } .dbg-expression-input { -moz-padding-start: 2px !important; } /* Searchbox and the search operations help panel */ .devtools-searchinput { min-width: 220px; -moz-margin-start: 1px; } #filter-label { -moz-margin-start: 2px; } #searchbox-panel-operators { margin-top: 5px; margin-bottom: 8px; -moz-margin-start: 2px; } .searchbox-panel-operator-button { min-width: 26px; margin-top: 0; margin-bottom: 0; -moz-margin-start: 2px; -moz-margin-end: 6px; text-align: center; } .searchbox-panel-operator-label { padding-bottom: 2px; } /* Searchbox results panel */ .results-panel { padding: 4px; } .results-panel-item { border: 1px solid #A09090; border-top-color: #8050B0; padding: 5px; cursor: pointer; } .results-panel-item:first-of-type { border-top-color: #9C9CFF; border-radius: 4px 4px 0 0; } .results-panel-item:last-of-type { border-radius: 0 0 4px 4px; } .results-panel-item:only-of-type { border-radius: 4px; } .results-panel-item:not(.selected):not(:hover) { /* text-shadow: 0 1px #fff;*/ } .results-panel-item-pre { -moz-margin-end: 5px !important; color: #A09090; cursor: inherit; } .results-panel-item-name { color: #9C9CFF; font-weight: 600; cursor: inherit; } .results-panel-item-details { color: #FF9F00; cursor: inherit; } /* Sources search view */ #globalsearch { min-height: 10px; } #globalsearch > vbox:not(:empty) { min-height: 10px; max-height: 125px; } #globalsearch + .devtools-horizontal-splitter { -moz-border-top-colors: #9C9CFF; } .dbg-source-results { padding: 0; background: none !important; } .dbg-results-header { -moz-padding-start: 6px; } .dbg-results-header-location { font-weight: 600; } .dbg-results-header-match-count { -moz-padding-start: 6px; color: #8050B0; } .dbg-results-line-number { background: #000000; min-width: 40px; -moz-border-end: 1px solid #9C9CFF; -moz-padding-end: 4px; padding-top: 2px; text-align: end; color: #FF9F00; } .dbg-results-line-contents { -moz-padding-start: 4px; padding-top: 1px; padding-bottom: 1px; } .dbg-results-line-contents-string { padding: 1px; } .dbg-results-line-contents-string[match=true] { background: #E7ADE7; color: #000000; padding: 0; border: 1px solid #9C9CFF; border-radius: 4px; cursor: pointer; } .dbg-results-line-contents-string[match=true][focusing] { transition: transform 0.3s ease-in-out; } .dbg-results-line-contents-string[match=true][focused] { transition-duration: 0.1s; transform: scale(1.75, 1.75); } /* Toolbar Controls */ #toggle-panes { list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #toggle-panes:not([panesHidden]) { list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); } #toggle-panes:hover, #toggle-panes:hover:active { -moz-image-region: rect(0px, 32px, 16px, 16px); } #resumption-panel-desc { width: 200px; } #resumption-order-panel { -moz-margin-start: -8px; } #resume { list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #resume[checked=true], #resume:hover { -moz-image-region: rect(0px, 32px, 16px, 16px); } #step-over { list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #step-over:hover { -moz-image-region: rect(0px, 32px, 16px, 16px); } #step-in { list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #step-in:hover { -moz-image-region: rect(0px, 32px, 16px, 16px); } #step-out { list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } #step-out:hover { -moz-image-region: rect(0px, 32px, 16px, 16px); } #debugger-controls > toolbarbutton { } #debugger-controls > toolbarbutton:last-of-type { } #debugger-controls { } #instruments-pane-toggle { /* background: none; box-shadow: none; border: none; */ list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); -moz-image-region: rect(0px,16px,16px,0px); } #instruments-pane-toggle[pane-collapsed] { list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); } #instruments-pane-toggle:hover, #instruments-pane-toggle:hover:active { -moz-image-region: rect(0px,32px,16px,16px); }