← Back to branch summary

~wasta-linux/wasta-core-wily/master

« back to all changes in this revision

Viewing changes to install-files/firefox-addons/extensions/{8a01dfcc-450f-11e5-909b-fb581d5d46b0}/chrome/browser/devtools/webaudioeditor.css

  • Committer: Rik Shaw
  • Date: 2015-11-01 13:28:40 UTC
  • Revision ID: git-v1:59c62c9b2e4f4f1cf62db1f5dc1cf630feb99933
initial 15.10 commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
install-files/firefox-addons/extensions/{8a01dfcc-450f-11e5-909b-fb581d5d46b0}/chrome/browser/devtools/webaudioeditor.css
 
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
 
3
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
4
 
 
5
/* This Source Code Form is subject to the terms of the Mozilla Public
 
6
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 
7
 * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
8
 
 
9
/* Reload and waiting notices */
 
10
.notice-container {
 
11
  margin-top: -50vh;
 
12
  background-color: var(--theme-toolbar-background);
 
13
  color: var(--theme-body-color-alt);
 
14
}
 
15
 
 
16
#reload-notice {
 
17
  font-size: 120%;
 
18
}
 
19
 
 
20
#waiting-notice {
 
21
  font-size: 110%;
 
22
}
 
23
 
 
24
/* Context Graph */
 
25
svg {
 
26
  overflow: hidden;
 
27
  -moz-box-flex: 1;
 
28
}
 
29
 
 
30
/* Edges in graph */
 
31
.edgePath path {
 
32
  stroke-width: 1px;
 
33
  fill: none;
 
34
}
 
35
 
 
36
.theme-dark .edgePath path {
 
37
  stroke: #b6babf; /* Grey foreground text */
 
38
}
 
39
.theme-light .edgePath path {
 
40
  stroke: #aaaaaa; /* Splitters */
 
41
}
 
42
 
 
43
/* AudioParam connection edges */
 
44
g.edgePath.param-connection {
 
45
  stroke-dasharray: 5,5;
 
46
}
 
47
 
 
48
.theme-dark .edgePath.param-connection path {
 
49
  stroke: #b6babf; /* Grey foreground text */
 
50
}
 
51
.theme-light .edgePath.param-connection path {
 
52
  stroke: #aaaaaa; /* Splitters */
 
53
}
 
54
 
 
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
 
57
 * dotted lines. */
 
58
.theme-dark g.edgeLabel rect {
 
59
  fill: #14171a;
 
60
}
 
61
.theme-light g.edgeLabel rect {
 
62
  fill: #fcfcfc; /* Background - Editor */
 
63
}
 
64
.theme-dark g.edgeLabel tspan {
 
65
  fill: var(--theme-body-color-alt);
 
66
}
 
67
.theme-light g.edgeLabel tspan {
 
68
  fill: #585959; /* Grey foreground text */
 
69
}
 
70
 
 
71
/* Audio Nodes */
 
72
.nodes rect {
 
73
  stroke-width: 1px;
 
74
  cursor: pointer;
 
75
}
 
76
 
 
77
.nodes rect {
 
78
  stroke: var(--theme-tab-toolbar-background);
 
79
}
 
80
.theme-light rect {
 
81
  fill: var(--theme-tab-toolbar-background);
 
82
}
 
83
.theme-dark rect {
 
84
  fill: var(--theme-toolbar-background);
 
85
}
 
86
 
 
87
/**
 
88
 * Bypassed Nodes
 
89
 */
 
90
 
 
91
.theme-light .nodes g.bypassed rect {
 
92
  fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light);
 
93
}
 
94
.theme-dark .nodes g.bypassed rect {
 
95
  fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark);
 
96
}
 
97
.nodes g.bypassed.selected rect {
 
98
  stroke: var(--theme-selection-background);
 
99
}
 
100
 
 
101
/*
 
102
.nodes g.bypassed text {
 
103
  opacity: 0.8;
 
104
}
 
105
*/
 
106
 
 
107
/**
 
108
 * Selected Nodes
 
109
 */
 
110
.nodes g.selected rect {
 
111
  fill: var(--theme-selection-background);
 
112
}
 
113
 
 
114
/* Don't style bypassed nodes text different because it'd be illegible in light-theme */
 
115
.theme-light g.selected:not(.bypassed) text {
 
116
  fill: var(--theme-toolbar-background);
 
117
}
 
118
 
 
119
 
 
120
/* Text in nodes and edges */
 
121
text {
 
122
  cursor: default; /* override the "text" cursor */
 
123
  font-weight: 300;
 
124
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
 
125
  font-size: 14px;
 
126
}
 
127
 
 
128
text {
 
129
  fill: var(--theme-body-color-alt);
 
130
}
 
131
 
 
132
 
 
133
.nodes text {
 
134
  cursor: pointer;
 
135
}
 
136
 
 
137
/**
 
138
 * Inspector Styles
 
139
 */
 
140
 
 
141
/* hide the variables view scope title as its redundant,
 
142
 * because there's only one scope displayed. */
 
143
.variables-view-scope > .title {
 
144
  display: none;
 
145
}
 
146
 
 
147
#web-audio-inspector-title {
 
148
  margin: 6px;
 
149
}
 
150
 
 
151
.web-audio-inspector .error {
 
152
  background-image: url(alerticon-warning.png);
 
153
  background-size: 13px 12px;
 
154
  -moz-appearance: none;
 
155
  opacity: 0;
 
156
  transition: opacity .5s ease-out 0s;
 
157
}
 
158
 
 
159
#inspector-pane-toggle {
 
160
  background: none;
 
161
  box-shadow: none;
 
162
  border: none;
 
163
  list-style-image: url(debugger-collapse.png);
 
164
  -moz-image-region: rect(0px,16px,16px,0px);
 
165
}
 
166
 
 
167
#inspector-pane-toggle > .toolbarbutton-icon {
 
168
  width: 16px;
 
169
  height: 16px;
 
170
}
 
171
 
 
172
#inspector-pane-toggle[pane-collapsed] {
 
173
  list-style-image: url(debugger-expand.png);
 
174
}
 
175
 
 
176
#inspector-pane-toggle:active {
 
177
  -moz-image-region: rect(0px,32px,16px,16px);
 
178
}
 
179
 
 
180
/**
 
181
 * Automation Styles
 
182
 */
 
183
 
 
184
#automation-param-toolbar .automation-param-button[selected] {
 
185
  color: var(--theme-selection-color);
 
186
  background-color: var(--theme-selection-background);
 
187
}
 
188
 
 
189
#automation-graph {
 
190
  overflow: hidden;
 
191
  -moz-box-flex: 1;
 
192
}
 
193
 
 
194
@media (min-resolution: 1.25dppx) {
 
195
  #inspector-pane-toggle {
 
196
    list-style-image: url(debugger-collapse@2x.png);
 
197
    -moz-image-region: rect(0px,32px,32px,0px);
 
198
  }
 
199
 
 
200
  #inspector-pane-toggle[pane-collapsed] {
 
201
    list-style-image: url(debugger-expand@2x.png);
 
202
  }
 
203
 
 
204
  #inspector-pane-toggle:active {
 
205
    -moz-image-region: rect(0px,64px,32px,32px);
 
206
  }
 
207
 
 
208
  .web-audio-inspector .error {
 
209
    background-image: url(alerticon-warning@2x.png);
 
210
  }
 
211
}
 
212
 
 
213
/**
 
214
 * Inspector toolbar
 
215
 */
 
216
 
 
217
#audio-node-toolbar .bypass {
 
218
  list-style-image: url(power.svg);
 
219
}
 
220
 
 
221
#audio-node-toolbar toolbarbutton[disabled] {
 
222
  opacity: 0.5;
 
223
  background-color: transparent;
 
224
}
 
225
 
 
226
.theme-dark #audio-node-toolbar toolbarbutton[checked] {
 
227
  background-color: #1d4f73; /* Select Highlight Blue */
 
228
}
 
229
.theme-light #audio-node-toolbar toolbarbutton[checked] {
 
230
  background-color: #4c9ed9; /* Select Highlight Blue */
 
231
}
 
232
 
 
233
/* don't invert checked buttons so we can have white icons on light theme */
 
234
#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon {
 
235
  filter: none;
 
236
}
 
237
 
 
238
 
 
239
/**
 
240
 * Responsive Styles
 
241
 * `.devtools-responsive-container` takes care of most of
 
242
 * the changing of host types.
 
243
 */
 
244
@media (max-width: 700px) {
 
245
  /**
 
246
   * Override the inspector toggle so it's always open
 
247
   * in the portrait view, with the toggle button hidden.
 
248
   */
 
249
  #inspector-pane-toggle {
 
250
    display: none;
 
251
  }
 
252
 
 
253
  #web-audio-inspector {
 
254
    margin-left: 0px !important;
 
255
    margin-right: 0px !important;
 
256
  }
 
257
}