Commit | Line | Data |
---|---|---|
3d85dbf1 | 1 | /* vim:set ts=2 sw=2 sts=2 et: */ |
9099c61d RK |
2 | /* This Source Code Form is subject to the terms of the Mozilla Public |
3 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
4 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
3d85dbf1 | 5 | |
0142a07b RK |
6 | /* Font for code */ |
7 | .devtools-monospace { | |
8 | font: 12px "Liberation Mono", Consolas, "Courier New", monospace; | |
9 | } | |
10 | ||
3d85dbf1 RK |
11 | /* Toolbar and Toolbar items */ |
12 | ||
13 | .devtools-toolbar { | |
14 | } | |
15 | ||
85cfb236 | 16 | .devtools-menulist, |
3d85dbf1 RK |
17 | .devtools-toolbarbutton { |
18 | } | |
19 | ||
fcfb76ce RK |
20 | .devtools-toolbarbutton > .toolbarbutton-menubutton-button { |
21 | /*-moz-box-orient: horizontal;*/ | |
22 | } | |
23 | ||
85cfb236 | 24 | devtools-menulist:-moz-focusring, |
a40f6a79 RK |
25 | .devtools-toolbarbutton:-moz-focusring { |
26 | outline: 1px dotted #008484; | |
a40f6a79 RK |
27 | } |
28 | ||
3d85dbf1 RK |
29 | .devtools-toolbarbutton > .toolbarbutton-icon { |
30 | } | |
31 | ||
8d7ef0d9 RK |
32 | .devtools-toolbarbutton:not([label]) { |
33 | min-width: 20px; | |
34 | } | |
35 | ||
0142a07b RK |
36 | .devtools-toolbarbutton:not([label]) > .toolbarbutton-text { |
37 | display: none; | |
38 | } | |
39 | ||
37953ab4 | 40 | .devtools-toolbarbutton:not([checked=true]):hover:active { |
3d85dbf1 RK |
41 | } |
42 | ||
85cfb236 | 43 | .devtools-menulist[open=true], |
fcfb76ce RK |
44 | .devtools-toolbarbutton[open=true], |
45 | .devtools-toolbarbutton[checked=true] { | |
46 | } | |
47 | ||
37953ab4 | 48 | .devtools-toolbarbutton[checked=true] { |
3d85dbf1 RK |
49 | } |
50 | ||
37953ab4 | 51 | .devtools-toolbarbutton[checked=true]:hover:active { |
3d85dbf1 RK |
52 | } |
53 | ||
b8384c33 RK |
54 | .devtools-option-toolbarbutton { |
55 | list-style-image: url("chrome://browser/skin/devtools/option-icon.png"); | |
56 | -moz-image-region: rect(0px 16px 16px 0px); | |
57 | background: none; | |
58 | border: none; | |
59 | } | |
60 | ||
61 | .devtools-option-toolbarbutton:hover, | |
62 | .devtools-option-toolbarbutton[open=true] { | |
63 | -moz-image-region: rect(0px 32px 16px 16px); | |
64 | } | |
65 | ||
85cfb236 RK |
66 | .devtools-menulist > .menulist-label-box { |
67 | text-align: center; | |
68 | } | |
69 | ||
70 | .devtools-menulist > .menulist-dropmarker { | |
71 | } | |
72 | ||
73 | .devtools-menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box { | |
74 | } | |
75 | ||
37953ab4 RK |
76 | /* LCARStrek checkbox colors don't work well against toolbar background */ |
77 | .devtools-toolbar > checkbox { | |
78 | background-color: #000000; | |
79 | padding: 2px; | |
80 | } | |
81 | ||
fcfb76ce RK |
82 | .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { |
83 | } | |
84 | ||
85 | .devtools-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { | |
86 | } | |
87 | ||
88 | .devtools-toolbarbutton[type=menu-button] { | |
89 | padding: 0 1px; | |
90 | -moz-box-align: stretch; | |
91 | } | |
92 | ||
93 | .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, | |
94 | .devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { | |
fcfb76ce RK |
95 | -moz-box-align: center; |
96 | } | |
97 | ||
0142a07b | 98 | /* Text input */ |
3d85dbf1 RK |
99 | |
100 | /* | |
0142a07b | 101 | .devtools-textinput, |
3d85dbf1 RK |
102 | .devtools-searchinput { |
103 | -moz-appearance: none; | |
104 | margin: 0 3px; | |
2efcd25d | 105 | min-height: 22px; |
3d85dbf1 RK |
106 | border: 1px solid hsla(211,68%,6%,.6); |
107 | box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1); | |
108 | border-radius: 2px; | |
109 | background-color: transparent; | |
0142a07b RK |
110 | background-image: -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); |
111 | padding: 3px; | |
112 | transition-property: background-color, border-color, box-shadow; | |
113 | transition-duration: 150ms; | |
114 | transition-timing-function: ease; | |
115 | color: inherit; | |
116 | } | |
117 | ||
118 | .devtools-searchinput { | |
119 | background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); | |
3d85dbf1 | 120 | background-repeat: no-repeat; |
85cfb236 | 121 | background-position: 4px center, top left, top left; |
3d85dbf1 RK |
122 | padding-top: 0; |
123 | padding-bottom: 0; | |
124 | -moz-padding-start: 18px; | |
125 | -moz-padding-end: 12px; | |
3d85dbf1 RK |
126 | } |
127 | ||
128 | .devtools-searchinput[focused] { | |
129 | border-color: hsl(200,70%,40%) hsl(200,75%,37%) hsl(200,80%,35%); | |
130 | background-origin: padding-box; | |
131 | background-clip: padding-box; | |
132 | box-shadow: inset 0 0 0 1px hsla(211,68%,6%,.1); | |
133 | } | |
134 | ||
135 | .devtools-searchinput:-moz-locale-dir(rtl) { | |
fcfb76ce | 136 | background-position: calc(100% - 4px) center, top left, top left; |
3d85dbf1 RK |
137 | } |
138 | ||
139 | .devtools-searchinput > .textbox-input-box > .textbox-search-icons { | |
140 | display: none; | |
141 | } | |
142 | ||
a7145e95 | 143 | .devtools-searchinput > .textbox-input-box > .textbox-input::-moz-placeholder { |
3d85dbf1 RK |
144 | color: hsl(208,10%,66%); |
145 | } | |
713cf603 RK |
146 | */ |
147 | ||
85cfb236 RK |
148 | /* Close button */ |
149 | ||
150 | .devtools-closebutton { | |
151 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
152 | min-width: 16px; | |
153 | width: 16px; | |
154 | } | |
155 | ||
156 | .devtools-closebutton > .toolbarbutton-text { | |
157 | display: none; | |
158 | } | |
159 | ||
160 | .devtools-closebutton:hover, | |
161 | .devtools-closebutton:hover:active { | |
162 | list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); | |
163 | } | |
164 | ||
37953ab4 | 165 | /* Splitters */ |
85cfb236 RK |
166 | |
167 | .devtools-horizontal-splitter { | |
85cfb236 RK |
168 | min-height: 3px; |
169 | height: 3px; | |
85cfb236 RK |
170 | position: relative; |
171 | } | |
713cf603 | 172 | |
8d7ef0d9 | 173 | #devtools-side-splitter { |
37953ab4 RK |
174 | min-width: 0; |
175 | width: 3px; | |
176 | position: relative; | |
713cf603 | 177 | } |
445863a2 | 178 | |
0142a07b RK |
179 | /* In-tools sidebar */ |
180 | ||
181 | .devtools-sidebar-tabs { | |
182 | } | |
183 | ||
184 | .devtools-sidebar-tabs > tabpanels { | |
185 | padding: 0; | |
186 | border: 0; | |
187 | } | |
188 | ||
189 | .devtools-sidebar-tabs > tabs { | |
190 | position: static; | |
191 | overflow: hidden; | |
192 | } | |
193 | ||
194 | .devtools-sidebar-tabs > tabs > .tabs-right, | |
195 | .devtools-sidebar-tabs > tabs > .tabs-left { | |
196 | display: none; | |
197 | } | |
198 | ||
199 | .devtools-sidebar-tabs > tabs > tab { | |
200 | min-width: 78px; | |
201 | text-align: center; | |
202 | -moz-box-flex: 1; | |
203 | position: static; | |
204 | } | |
205 | ||
206 | .devtools-sidebar-tabs > tabs > tab:-moz-focusring { | |
207 | position: static; | |
208 | } | |
209 | ||
210 | .devtools-sidebar-tabs > tabs > tab:last-of-type { | |
211 | -moz-border-end-width: 0; | |
212 | } | |
213 | ||
214 | .devtools-sidebar-tabs > tabs > tab:first-of-type { | |
215 | -moz-margin-start: 0; | |
216 | } | |
217 | ||
218 | .devtools-sidebar-tabs > tabs > tab { | |
219 | } | |
220 | ||
221 | .devtools-sidebar-tabs:-moz-locale-dir(rtl) > tabs > tab { | |
222 | } | |
223 | ||
224 | .devtools-sidebar-tabs > tabs > tab { | |
225 | } | |
226 | ||
227 | .devtools-sidebar-tabs > tabs > tab:hover { | |
228 | } | |
229 | ||
230 | .devtools-sidebar-tabs > tabs > tab:hover:active { | |
231 | } | |
232 | ||
233 | .devtools-sidebar-tabs > tabs > tab[selected=true] + tab { | |
234 | } | |
235 | ||
236 | .devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover { | |
237 | } | |
238 | ||
239 | .devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover:active { | |
240 | } | |
241 | ||
242 | .devtools-sidebar-tabs > tabs > tab[selected=true] { | |
243 | } | |
244 | ||
245 | .devtools-sidebar-tabs > tabs > tab[selected=true]:hover { | |
246 | } | |
247 | ||
248 | .devtools-sidebar-tabs > tabs > tab[selected=true]:hover:active { | |
249 | } | |
250 | ||
251 | /* Theme */ | |
252 | ||
253 | .devtools-theme-background { | |
254 | background-color: #000000; | |
255 | color: #FF9F00; | |
256 | } | |
257 | ||
258 | .devtools-theme-comment { | |
259 | color: #A09090; /* original: grey */ | |
260 | } | |
261 | ||
262 | .devtools-theme-keyword { | |
263 | color: #8050B0; /* original: purple */ | |
264 | } | |
265 | ||
266 | .devtools-theme-string { | |
267 | color: #E7ADE7; /* original: green */ | |
268 | } | |
269 | ||
270 | .devtools-theme-tagname { | |
271 | color: #FFCF00; /* original: dark blue */ | |
272 | } | |
273 | ||
274 | .devtools-theme-attrname { | |
275 | color: #9C9CFF; /* original: blue */ | |
276 | } | |
277 | ||
278 | .devtools-theme-attrvalue { | |
279 | color: #C09070; /* original: orange */ | |
280 | } | |
281 | ||
282 | /* LCARStrek-specific adaptions */ | |
283 | ||
445863a2 RK |
284 | #profiler-chrome { |
285 | /* HACK for profiler in the dev toolbox in FF 20+. */ | |
286 | margin: -3px; | |
287 | } | |
288 | ||
289 | #profiler-chrome > box > box > .devtools-toolbar { | |
290 | border-bottom: none; | |
0142a07b | 291 | } |