Commit | Line | Data |
---|---|---|
da9978ec RK |
1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 | |
3 | * | |
4 | * The contents of this file are subject to the Mozilla Public License Version | |
5 | * 1.1 (the "License"); you may not use this file except in compliance with | |
6 | * the License. You may obtain a copy of the License at | |
7 | * http://www.mozilla.org/MPL/ | |
8 | * | |
9 | * Software distributed under the License is distributed on an "AS IS" basis, | |
10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License | |
11 | * for the specific language governing rights and limitations under the | |
12 | * License. | |
13 | * | |
14 | * The Original Code is the Mozilla Inspector Module. | |
15 | * | |
16 | * The Initial Developer of the Original Code is | |
17 | * The Mozilla Foundation. | |
18 | * Portions created by the Initial Developer are Copyright (C) 2011 | |
19 | * the Initial Developer. All Rights Reserved. | |
20 | * | |
21 | * Contributor(s): | |
22 | * Joe Walker <jwalker@mozilla.com> (original author) | |
23 | * Mihai Șucan <mihai.sucan@gmail.com> | |
24 | * Michael Ratcliffe <mratcliffe@mozilla.com> | |
e0c47e26 | 25 | * Dão Gottwald <dao@mozilla.com> |
c5772fdf | 26 | * Rob Campbell <rcampbell@mozilla.com> |
da9978ec RK |
27 | * |
28 | * Alternatively, the contents of this file may be used under the terms of | |
29 | * either the GNU General Public License Version 2 or later (the "GPL"), or | |
30 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), | |
31 | * in which case the provisions of the GPL or the LGPL are applicable instead | |
32 | * of those above. If you wish to allow use of your version of this file only | |
33 | * under the terms of either the GPL or the LGPL, and not to allow others to | |
34 | * use your version of this file under the terms of the MPL, indicate your | |
35 | * decision by deleting the provisions above and replace them with the notice | |
36 | * and other provisions required by the GPL or the LGPL. If you do not delete | |
37 | * the provisions above, a recipient may use your version of this file under | |
38 | * the terms of any one of the MPL, the GPL or the LGPL. | |
39 | * | |
40 | * ***** END LICENSE BLOCK ***** */ | |
41 | ||
e0c47e26 | 42 | :root { |
da9978ec | 43 | background: #000000; |
e0c47e26 | 44 | color: #FF9F00; |
da9978ec | 45 | } |
e0c47e26 RK |
46 | |
47 | #root { | |
48 | display: -moz-box; | |
da9978ec RK |
49 | } |
50 | ||
51 | .property-header { | |
c5772fdf | 52 | padding: 5px 0; |
e0c47e26 | 53 | white-space: nowrap; |
c5772fdf | 54 | vertical-align: text-top; |
da9978ec RK |
55 | } |
56 | ||
57 | /* Take away these two :visited rules to get a core dumper */ | |
58 | /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ | |
e0c47e26 | 59 | .link, |
da9978ec | 60 | .link:visited { |
e0c47e26 | 61 | color: #0091ff; |
da9978ec | 62 | } |
e0c47e26 RK |
63 | .link, |
64 | .helplink, | |
65 | .link:visited, | |
66 | .helplink:visited { | |
da9978ec | 67 | text-decoration: none; |
da9978ec | 68 | } |
eec397be RK |
69 | link:hover { |
70 | text-decoration: underline; | |
71 | } | |
e0c47e26 | 72 | |
e0c47e26 RK |
73 | .helplink { |
74 | display: block; | |
75 | height: 14px; | |
76 | width: 0; | |
77 | overflow: hidden; | |
78 | -moz-padding-start: 14px; | |
79 | background-image: url("chrome://browser/skin/devtools/goto-mdn.png"); | |
80 | -moz-margin-end: 2px; | |
c5772fdf | 81 | cursor: pointer; |
e0c47e26 RK |
82 | } |
83 | ||
c5772fdf | 84 | .property-view:not(:hover) > .helplink-container { |
e0c47e26 RK |
85 | visibility: hidden; |
86 | } | |
87 | ||
da9978ec | 88 | .rulelink { |
e0c47e26 | 89 | color: -moz-dialogtext; |
c5772fdf | 90 | padding: 0; |
eec397be | 91 | cursor: pointer; |
da9978ec RK |
92 | } |
93 | ||
94 | .expander { | |
e0c47e26 RK |
95 | width: 9px; |
96 | height: 9px; | |
97 | -moz-margin-start: 5px; | |
da9978ec | 98 | -moz-margin-end: 5px; |
e0c47e26 | 99 | background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat; |
c5772fdf RK |
100 | display: inline-block; |
101 | vertical-align: middle; | |
da9978ec RK |
102 | } |
103 | ||
e0c47e26 RK |
104 | .expander[open] { |
105 | background-image: url("chrome://global/skin/tree/twisty-open.png"); | |
da9978ec RK |
106 | } |
107 | ||
e0c47e26 RK |
108 | .expandable { |
109 | cursor: pointer; | |
da9978ec | 110 | } |
e0c47e26 RK |
111 | |
112 | .match { | |
113 | visibility: hidden; | |
114 | } | |
115 | ||
c5772fdf | 116 | .expandable > .property-header > .match { |
e0c47e26 RK |
117 | visibility: visible; |
118 | } | |
119 | ||
da9978ec | 120 | .property-name { |
da9978ec | 121 | font-size: 12px; |
da9978ec | 122 | color: #FF9F00; |
e0c47e26 | 123 | width: 220px; |
c5772fdf | 124 | display: inline-block; |
da9978ec RK |
125 | } |
126 | .property-value { | |
c5772fdf | 127 | padding: 0; |
da9978ec | 128 | font-size: 10px; |
e0c47e26 | 129 | color: #8050B0; |
c5772fdf RK |
130 | vertical-align: text-top; |
131 | width: 100%; | |
132 | } | |
133 | ||
134 | .property-view-hidden, | |
135 | .property-content-hidden { | |
136 | display: none; | |
137 | } | |
138 | ||
139 | .rule-link { | |
140 | text-align: end; | |
141 | -moz-padding-start: 10px; | |
142 | } | |
143 | ||
144 | /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */ | |
145 | .rule-text { | |
146 | direction: ltr; | |
147 | padding: 0; | |
148 | -moz-padding-start: 20px; | |
149 | } | |
150 | ||
151 | .bestmatch { | |
152 | color: #FFCF00; | |
153 | } | |
154 | .matched { | |
155 | text-decoration: line-through; | |
156 | } | |
157 | .parentmatch { | |
158 | color: #E7ADE7; | |
da9978ec RK |
159 | } |
160 | ||
e0c47e26 RK |
161 | #propertyContainer { |
162 | display: -moz-box; | |
163 | -moz-box-orient: vertical; | |
164 | -moz-box-flex: 1; | |
165 | overflow-y: auto; | |
c5772fdf | 166 | border-collapse: collapse; |
da9978ec RK |
167 | } |
168 | ||
e0c47e26 RK |
169 | .darkrow { |
170 | background-color: #404000; | |
da9978ec RK |
171 | } |
172 | ||
e0c47e26 RK |
173 | #noResults { |
174 | font-size: 18px; | |
175 | margin-top: 5px; | |
176 | text-align: center; | |
da9978ec RK |
177 | } |
178 | ||
e0c47e26 RK |
179 | .headerControls { |
180 | color: #9C9CFF; | |
da9978ec RK |
181 | background-color: #000000; |
182 | } | |
183 | ||
e0c47e26 RK |
184 | .onlyuserstyles { |
185 | cursor: pointer; | |
186 | font-size: 11px; | |
da9978ec | 187 | } |
e0c47e26 | 188 | |
e0c47e26 RK |
189 | #footer { |
190 | border-top: 1px solid #9C9CFF; | |
da9978ec RK |
191 | } |
192 | ||
e0c47e26 RK |
193 | .legendKey { |
194 | margin: 0 5px; | |
da9978ec RK |
195 | } |
196 | ||
e0c47e26 RK |
197 | /** |
198 | * CSS Rule View | |
199 | */ | |
200 | ||
201 | .ruleview { | |
202 | background-color: #000000; | |
203 | } | |
204 | ||
205 | .ruleview-rule-source { | |
206 | background-color: #000000; | |
eec397be | 207 | color: #9C9CFF; |
e0c47e26 | 208 | padding: 2px 5px; |
eec397be RK |
209 | cursor: pointer; |
210 | } | |
211 | ||
212 | .ruleview-rule-source:hover { | |
213 | text-decoration: underline; | |
e0c47e26 RK |
214 | } |
215 | ||
216 | .ruleview-code { | |
217 | padding: 2px 5px; | |
218 | } | |
219 | ||
c5772fdf RK |
220 | .ruleview-ruleopen { |
221 | -moz-padding-end: 5px; | |
222 | } | |
223 | ||
e0c47e26 RK |
224 | .ruleview-propertylist { |
225 | list-style: none; | |
226 | padding: 0; | |
227 | margin: 0; | |
228 | } | |
229 | ||
230 | .ruleview-enableproperty { | |
231 | height: 10px; | |
232 | width: 10px; | |
233 | -moz-margin-start: 2px; | |
234 | -moz-margin-end: 0; | |
235 | } | |
236 | ||
237 | .ruleview-expander { | |
238 | display: inline-block; | |
239 | width: 8px; | |
240 | height: 8px; | |
241 | background: url("chrome://browser/skin/devtools/arrows.png") 24px 0; | |
da9978ec | 242 | cursor: pointer; |
e0c47e26 RK |
243 | -moz-margin-start: 2px; |
244 | -moz-margin-end: 5px; | |
245 | } | |
246 | ||
e0c47e26 RK |
247 | .ruleview-expander.styleinspector-open { |
248 | background-position: 8px 0; | |
249 | } | |
250 | ||
251 | .ruleview-newproperty { | |
252 | /* (enable checkbox width: 12px) + (expander width: 15px) */ | |
253 | -moz-margin-start: 27px; | |
254 | } | |
255 | ||
256 | .ruleview-propertyname { | |
257 | display: inline-block; | |
258 | padding: 1px 0; | |
259 | cursor: text; | |
260 | color: #9C9CFF; | |
261 | text-decoration: inherit; | |
262 | } | |
263 | ||
264 | .ruleview-propertyvalue { | |
265 | cursor: text; | |
266 | text-decoration: inherit; | |
267 | } | |
268 | ||
269 | .ruleview-computedlist { | |
270 | list-style: none; | |
271 | padding: 0; | |
272 | } | |
273 | ||
274 | .ruleview-computed { | |
275 | -moz-margin-start: 4em; | |
276 | } | |
277 | ||
278 | .ruleview-overridden { | |
279 | text-decoration: line-through; | |
280 | } | |
281 | ||
282 | .styleinspector-propertyeditor { | |
283 | border: 1px solid #9C9CFF; | |
284 | padding: 0; | |
da9978ec | 285 | } |