1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* Reload and waiting notices */
11 background-color: var(--theme-toolbar-background);
12 color: var(--theme-body-color-alt);
34 stroke: #A09090; /* Grey foreground text */
37 /* AudioParam connection edges */
38 g.edgePath.param-connection {
39 stroke-dasharray: 5,5;
42 .edgePath.param-connection path {
43 stroke: #A09090; /* Grey foreground text */
46 /* Labels in AudioParam connection should have background that match
47 * the main background so there's whitespace around the label, on top of the
50 fill: var(--theme-body-background);
53 fill: var(--theme-highlight-color-blue);
63 stroke: var(--theme-splitter-color);
64 fill: var(--theme-toolbar-background);
71 .theme-light .nodes g.bypassed rect {
72 fill: url(chrome://devtools/skin/filters.svg#bypass-light);
74 .theme-dark .nodes g.bypassed rect {
75 fill: url(chrome://devtools/skin/filters.svg#bypass-dark);
77 .nodes g.bypassed.selected rect {
78 stroke: var(--theme-selection-background);
82 .nodes g.bypassed text {
91 .nodes g.selected rect {
92 fill: var(--theme-selection-background);
96 /* Text in nodes and edges */
98 cursor: default; /* override the "text" cursor */
100 font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
105 fill: var(--theme-body-color-alt);
108 /* fill: var(--theme-toolbar-background); */
119 /* hide the variables view scope title as its redundant,
120 * because there's only one scope displayed. */
121 .variables-view-scope > .title {
125 #web-audio-inspector-title {
129 .web-audio-inspector .error {
130 background-image: url("images/alerticon-warning.png");
131 background-size: 13px 12px;
132 -moz-appearance: none;
134 transition: opacity .5s ease-out 0s;
137 #inspector-pane-toggle {
141 list-style-image: url("images/debugger-collapse.png");
142 -moz-image-region: rect(0px,16px,16px,0px);
145 #inspector-pane-toggle > .toolbarbutton-icon {
150 #inspector-pane-toggle[pane-collapsed] {
151 list-style-image: url("images/debugger-expand.png");
154 #inspector-pane-toggle:active {
155 -moz-image-region: rect(0px,32px,16px,16px);
162 #automation-param-toolbar .automation-param-button[selected] {
163 color: var(--theme-selection-color);
164 background-color: var(--theme-selection-background);
172 @media (min-resolution: 1.1dppx) {
173 #inspector-pane-toggle {
174 list-style-image: url("images/debugger-collapse@2x.png");
175 -moz-image-region: rect(0px,32px,32px,0px);
178 #inspector-pane-toggle[pane-collapsed] {
179 list-style-image: url("images/debugger-expand@2x.png");
182 #inspector-pane-toggle:active {
183 -moz-image-region: rect(0px,64px,32px,32px);
186 .web-audio-inspector .error {
187 background-image: url("images/alerticon-warning@2x.png");
195 #audio-node-toolbar .bypass {
196 list-style-image: url(images/power.svg);
201 * `.devtools-responsive-container` takes care of most of
202 * the changing of host types.
204 @media (max-width: 700px) {
206 * Override the inspector toggle so it's always open
207 * in the portrait view, with the toggle button hidden.
209 #inspector-pane-toggle {
213 #web-audio-inspector {
214 margin-left: 0px !important;
215 margin-right: 0px !important;
219 #inspector-pane-toggle {
223 list-style-image: url("images/debugger-collapse.png");
224 -moz-image-region: rect(0px,16px,16px,0px);
227 #inspector-pane-toggle[pane-collapsed] {
228 list-style-image: url("images/debugger-expand.png");
231 #inspector-pane-toggle:active {
232 -moz-image-region: rect(0px,32px,16px,16px);