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