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: #000000; /* Toolbars */
12 color: #A09090; /* Light foreground text */
23 #waiting-notice::before {
24 display: inline-block;
26 background: url("chrome://global/skin/icons/loading.gif") center no-repeat;
43 stroke: #A09090; /* Grey foreground text */
46 /* AudioParam connection edges */
47 g.edgePath.param-connection {
48 stroke-dasharray: 5,5;
51 .edgePath.param-connection path {
52 stroke: #A09090; /* Grey foreground text */
55 /* Labels in AudioParam connection should have background that match
56 * the main background so there's whitespace around the label, on top of the
62 fill: #9C9CFF; /* Grey foreground text */
72 stroke: #9C9CFF; /* Tab toolbar */
73 fill: #000000; /* Toolbars */
76 .nodes g.selected rect {
77 fill: #008484; /* Select Highlight Blue */
80 /* Text in nodes and edges */
82 cursor: default; /* override the "text" cursor */
84 font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
89 fill: #A09090; /* Grey foreground text */
92 /* fill: #f0f1f2; / Toolbars */
103 #web-audio-inspector-title {
107 .web-audio-inspector .error {
108 background-image: url("alerticon-warning.png");
109 background-size: 13px 12px;
110 -moz-appearance: none;
112 transition: opacity .5s ease-out 0s;
115 #inspector-pane-toggle {
119 list-style-image: url("debugger-collapse.png");
120 -moz-image-region: rect(0px,16px,16px,0px);
123 #inspector-pane-toggle > .toolbarbutton-icon {
128 #inspector-pane-toggle[pane-collapsed] {
129 list-style-image: url("debugger-expand.png");
132 #inspector-pane-toggle:active {
133 -moz-image-region: rect(0px,32px,16px,16px);
136 @media (min-resolution: 2dppx) {
137 #inspector-pane-toggle {
138 list-style-image: url("debugger-collapse@2x.png");
139 -moz-image-region: rect(0px,32px,32px,0px);
142 #inspector-pane-toggle[pane-collapsed] {
143 list-style-image: url("debugger-expand@2x.png");
146 #inspector-pane-toggle:active {
147 -moz-image-region: rect(0px,64px,32px,32px);
150 .web-audio-inspector .error {
151 background-image: url("alerticon-warning@2x.png");
157 * `.devtools-responsive-container` takes care of most of
158 * the changing of host types.
160 @media (max-width: 700px) {
162 * Override the inspector toggle so it's always open
163 * in the portrait view, with the toggle button hidden.
165 #inspector-pane-toggle {
169 #web-audio-inspector {
170 margin-left: 0px !important;
171 margin-right: 0px !important;
175 #inspector-pane-toggle {
179 list-style-image: url("debugger-collapse.png");
180 -moz-image-region: rect(0px,16px,16px,0px);
183 #inspector-pane-toggle[pane-collapsed] {
184 list-style-image: url("debugger-expand.png");
187 #inspector-pane-toggle:active {
188 -moz-image-region: rect(0px,32px,16px,16px);