Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
da9978ec | 4 | |
e0c47e26 | 5 | :root { |
da9978ec | 6 | background: #000000; |
e0c47e26 | 7 | color: #FF9F00; |
0142a07b | 8 | font: 12px "Liberation Mono", Consolas, "Courier New", monospace; |
da9978ec | 9 | } |
e0c47e26 | 10 | |
da9978ec RK |
11 | /* Take away these two :visited rules to get a core dumper */ |
12 | /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ | |
e0c47e26 | 13 | .link, |
da9978ec | 14 | .link:visited { |
e0c47e26 | 15 | color: #0091ff; |
da9978ec | 16 | } |
e0c47e26 RK |
17 | .link, |
18 | .helplink, | |
19 | .link:visited, | |
20 | .helplink:visited { | |
da9978ec | 21 | text-decoration: none; |
da9978ec | 22 | } |
eec397be RK |
23 | link:hover { |
24 | text-decoration: underline; | |
25 | } | |
e0c47e26 | 26 | |
e0c47e26 | 27 | .helplink { |
e0c47e26 RK |
28 | height: 14px; |
29 | width: 0; | |
30 | overflow: hidden; | |
31 | -moz-padding-start: 14px; | |
32 | background-image: url("chrome://browser/skin/devtools/goto-mdn.png"); | |
33 | -moz-margin-end: 2px; | |
c5772fdf | 34 | cursor: pointer; |
e0c47e26 RK |
35 | } |
36 | ||
c5772fdf | 37 | .property-view:not(:hover) > .helplink-container { |
e0c47e26 RK |
38 | visibility: hidden; |
39 | } | |
40 | ||
da9978ec | 41 | .rulelink { |
e0c47e26 | 42 | color: -moz-dialogtext; |
c5772fdf | 43 | padding: 0; |
eec397be | 44 | cursor: pointer; |
da9978ec RK |
45 | } |
46 | ||
47 | .expander { | |
e0c47e26 RK |
48 | width: 9px; |
49 | height: 9px; | |
50 | -moz-margin-start: 5px; | |
da9978ec | 51 | -moz-margin-end: 5px; |
7bc075b6 | 52 | background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat; |
c5772fdf | 53 | vertical-align: middle; |
da9978ec RK |
54 | } |
55 | ||
e0c47e26 | 56 | .expander[open] { |
7bc075b6 | 57 | background-image: url("chrome://global/skin/tree/twisty-open.gif"); |
da9978ec RK |
58 | } |
59 | ||
e0c47e26 RK |
60 | .match { |
61 | visibility: hidden; | |
62 | } | |
63 | ||
8d7ef0d9 RK |
64 | .expandable { |
65 | cursor: pointer; | |
e0c47e26 RK |
66 | visibility: visible; |
67 | } | |
68 | ||
7bc075b6 RK |
69 | .expander-container { |
70 | vertical-align: text-top; | |
71 | } | |
72 | ||
da9978ec | 73 | .property-name { |
7bc075b6 | 74 | padding: 2px 0; |
da9978ec | 75 | color: #FF9F00; |
e0c47e26 | 76 | width: 220px; |
da9978ec | 77 | } |
7bc075b6 | 78 | |
da9978ec | 79 | .property-value { |
c5772fdf | 80 | padding: 0; |
7bc075b6 | 81 | -moz-padding-end: 6px; |
e0c47e26 | 82 | color: #8050B0; |
c5772fdf RK |
83 | width: 100%; |
84 | } | |
85 | ||
c5772fdf RK |
86 | .rule-link { |
87 | text-align: end; | |
88 | -moz-padding-start: 10px; | |
89 | } | |
90 | ||
91 | /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */ | |
92 | .rule-text { | |
93 | direction: ltr; | |
94 | padding: 0; | |
95 | -moz-padding-start: 20px; | |
8d7ef0d9 | 96 | vertical-align: text-bottom; |
c5772fdf RK |
97 | } |
98 | ||
99 | .bestmatch { | |
100 | color: #FFCF00; | |
101 | } | |
102 | .matched { | |
103 | text-decoration: line-through; | |
104 | } | |
105 | .parentmatch { | |
106 | color: #E7ADE7; | |
da9978ec RK |
107 | } |
108 | ||
e0c47e26 | 109 | #propertyContainer { |
c5772fdf | 110 | border-collapse: collapse; |
da9978ec RK |
111 | } |
112 | ||
e0c47e26 RK |
113 | .darkrow { |
114 | background-color: #404000; | |
da9978ec RK |
115 | } |
116 | ||
e0c47e26 RK |
117 | #noResults { |
118 | font-size: 18px; | |
119 | margin-top: 5px; | |
120 | text-align: center; | |
da9978ec RK |
121 | } |
122 | ||
e0c47e26 RK |
123 | .headerControls { |
124 | color: #9C9CFF; | |
da9978ec RK |
125 | background-color: #000000; |
126 | } | |
127 | ||
f9fc08c7 | 128 | .includebrowserstyles { |
e0c47e26 RK |
129 | cursor: pointer; |
130 | font-size: 11px; | |
da9978ec | 131 | } |
e0c47e26 | 132 | |
e0c47e26 RK |
133 | #footer { |
134 | border-top: 1px solid #9C9CFF; | |
da9978ec RK |
135 | } |
136 | ||
e0c47e26 RK |
137 | .legendKey { |
138 | margin: 0 5px; | |
da9978ec RK |
139 | } |
140 | ||
e0c47e26 RK |
141 | /** |
142 | * CSS Rule View | |
143 | */ | |
144 | ||
145 | .ruleview { | |
146 | background-color: #000000; | |
147 | } | |
148 | ||
149 | .ruleview-rule-source { | |
c29b709d RK |
150 | color: #9C9CFF; /* original: green */ |
151 | -moz-padding-start: 5px; | |
eec397be | 152 | cursor: pointer; |
c29b709d RK |
153 | text-align: right; |
154 | float: right; | |
56ab361a | 155 | -moz-user-select: none; |
c29b709d RK |
156 | } |
157 | ||
158 | .ruleview-rule-inheritance { | |
159 | background-color: #000000; | |
160 | color: #8050B0; | |
161 | border-top: 1px solid #9C9CFF; | |
162 | border-bottom: 1px solid #9C9CFF; | |
163 | padding: 1px 4px; | |
164 | margin-top: 4px; | |
56ab361a | 165 | -moz-user-select: none; |
eec397be RK |
166 | } |
167 | ||
168 | .ruleview-rule-source:hover { | |
169 | text-decoration: underline; | |
e0c47e26 RK |
170 | } |
171 | ||
c29b709d RK |
172 | .ruleview-rule { |
173 | padding: 2px 4px; | |
174 | } | |
175 | ||
176 | .ruleview-rule + .ruleview-rule { | |
177 | border-top: 1px dotted #008484; | |
e0c47e26 RK |
178 | } |
179 | ||
8d7ef0d9 RK |
180 | .ruleview-warning { |
181 | background: url("chrome://browser/skin/devtools/alerticon-warning.png"); | |
182 | -moz-margin-start: 5px; | |
183 | vertical-align: middle; | |
184 | width: 13px; | |
185 | height: 12px; | |
186 | } | |
187 | ||
c5772fdf RK |
188 | .ruleview-ruleopen { |
189 | -moz-padding-end: 5px; | |
190 | } | |
191 | ||
8d7ef0d9 | 192 | .ruleview-ruleclose { |
37953ab4 | 193 | cursor: text; |
8d7ef0d9 RK |
194 | padding-right: 20px; |
195 | } | |
196 | ||
e0c47e26 RK |
197 | .ruleview-propertylist { |
198 | list-style: none; | |
199 | padding: 0; | |
200 | margin: 0; | |
201 | } | |
202 | ||
203 | .ruleview-enableproperty { | |
204 | height: 10px; | |
205 | width: 10px; | |
c29b709d | 206 | -moz-margin-start: 1px; |
e0c47e26 | 207 | -moz-margin-end: 0; |
c29b709d RK |
208 | transition: opacity 100ms; |
209 | transition-delay: 200ms; | |
210 | } | |
211 | ||
d7cfd768 | 212 | .ruleview-property:not(:hover) > .ruleview-enableproperty[checked] { |
c29b709d RK |
213 | opacity: 0; |
214 | transition: none; | |
e0c47e26 RK |
215 | } |
216 | ||
217 | .ruleview-expander { | |
e0c47e26 RK |
218 | width: 8px; |
219 | height: 8px; | |
220 | background: url("chrome://browser/skin/devtools/arrows.png") 24px 0; | |
da9978ec | 221 | cursor: pointer; |
e0c47e26 RK |
222 | -moz-margin-start: 2px; |
223 | -moz-margin-end: 5px; | |
224 | } | |
225 | ||
e0c47e26 RK |
226 | .ruleview-expander.styleinspector-open { |
227 | background-position: 8px 0; | |
228 | } | |
229 | ||
230 | .ruleview-newproperty { | |
231 | /* (enable checkbox width: 12px) + (expander width: 15px) */ | |
232 | -moz-margin-start: 27px; | |
233 | } | |
234 | ||
235 | .ruleview-propertyname { | |
e0c47e26 | 236 | padding: 1px 0; |
c29b709d RK |
237 | color: #9C9CFF; /* original: blue */ |
238 | } | |
239 | ||
240 | .ruleview-propertyvalue { | |
241 | padding: 1px 0; | |
e0c47e26 RK |
242 | } |
243 | ||
37953ab4 RK |
244 | .ruleview-namecontainer, |
245 | .ruleview-propertycontainer, | |
246 | .ruleview-propertyname, | |
e0c47e26 | 247 | .ruleview-propertyvalue { |
e0c47e26 RK |
248 | text-decoration: inherit; |
249 | } | |
250 | ||
251 | .ruleview-computedlist { | |
252 | list-style: none; | |
253 | padding: 0; | |
254 | } | |
255 | ||
256 | .ruleview-computed { | |
257 | -moz-margin-start: 4em; | |
258 | } | |
259 | ||
260 | .ruleview-overridden { | |
261 | text-decoration: line-through; | |
262 | } | |
263 | ||
264 | .styleinspector-propertyeditor { | |
265 | border: 1px solid #9C9CFF; | |
266 | padding: 0; | |
da9978ec | 267 | } |
85cfb236 RK |
268 | |
269 | .ruleview-property { | |
270 | border-left: 2px solid transparent; | |
271 | } | |
272 | ||
56ab361a RK |
273 | .ruleview-property > * { |
274 | vertical-align: middle; | |
275 | } | |
276 | ||
85cfb236 RK |
277 | .ruleview-property[dirty] { |
278 | border-left-color: #008484; | |
37953ab4 RK |
279 | } |
280 | ||
281 | .ruleview-namecontainer > .ruleview-propertyname, | |
282 | .ruleview-propertycontainer > .ruleview-propertyvalue { | |
c29b709d | 283 | border-bottom: 1px dashed transparent; |
37953ab4 RK |
284 | } |
285 | ||
286 | .ruleview-namecontainer:hover > .ruleview-propertyname, | |
287 | .ruleview-propertycontainer:hover > .ruleview-propertyvalue { | |
288 | border-bottom-color: #9C9CFF; | |
289 | } | |
7bc075b6 RK |
290 | |
291 | .ruleview-selector-separator, .ruleview-selector-unmatched { | |
292 | color: #8050B0; | |
293 | } |