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> |
da9978ec RK |
26 | * |
27 | * Alternatively, the contents of this file may be used under the terms of | |
28 | * either the GNU General Public License Version 2 or later (the "GPL"), or | |
29 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), | |
30 | * in which case the provisions of the GPL or the LGPL are applicable instead | |
31 | * of those above. If you wish to allow use of your version of this file only | |
32 | * under the terms of either the GPL or the LGPL, and not to allow others to | |
33 | * use your version of this file under the terms of the MPL, indicate your | |
34 | * decision by deleting the provisions above and replace them with the notice | |
35 | * and other provisions required by the GPL or the LGPL. If you do not delete | |
36 | * the provisions above, a recipient may use your version of this file under | |
37 | * the terms of any one of the MPL, the GPL or the LGPL. | |
38 | * | |
39 | * ***** END LICENSE BLOCK ***** */ | |
40 | ||
e0c47e26 | 41 | :root { |
da9978ec | 42 | background: #000000; |
e0c47e26 | 43 | color: #FF9F00; |
da9978ec | 44 | } |
e0c47e26 RK |
45 | |
46 | #root { | |
47 | display: -moz-box; | |
da9978ec RK |
48 | } |
49 | ||
50 | .property-header { | |
e0c47e26 RK |
51 | padding: 4px; |
52 | -moz-padding-start: 0; | |
53 | -moz-padding-end: 5px; | |
da9978ec RK |
54 | } |
55 | ||
da9978ec RK |
56 | .rule-unmatched { |
57 | cursor: pointer; | |
e0c47e26 RK |
58 | padding: 2px; |
59 | -moz-padding-start: 4px; | |
60 | -moz-padding-end: 0; | |
61 | white-space: nowrap; | |
da9978ec RK |
62 | } |
63 | ||
64 | /* Take away these two :visited rules to get a core dumper */ | |
65 | /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ | |
e0c47e26 | 66 | .link, |
da9978ec | 67 | .link:visited { |
e0c47e26 | 68 | color: #0091ff; |
da9978ec | 69 | } |
e0c47e26 RK |
70 | .link, |
71 | .helplink, | |
72 | .link:visited, | |
73 | .helplink:visited { | |
da9978ec | 74 | text-decoration: none; |
da9978ec | 75 | } |
e0c47e26 RK |
76 | |
77 | .helplink-container { | |
78 | position: relative; | |
79 | top: 2px; | |
da9978ec RK |
80 | } |
81 | ||
e0c47e26 RK |
82 | .helplink { |
83 | display: block; | |
84 | height: 14px; | |
85 | width: 0; | |
86 | overflow: hidden; | |
87 | -moz-padding-start: 14px; | |
88 | background-image: url("chrome://browser/skin/devtools/goto-mdn.png"); | |
89 | -moz-margin-end: 2px; | |
90 | } | |
91 | ||
92 | .property-header:not(:hover) > .helplink-container { | |
93 | visibility: hidden; | |
94 | } | |
95 | ||
96 | .unmatchedSelectorTable { | |
97 | -moz-margin-start: 15px; | |
da9978ec RK |
98 | } |
99 | ||
100 | .rulelink { | |
e0c47e26 RK |
101 | color: -moz-dialogtext; |
102 | -moz-margin-start: 12px; | |
da9978ec RK |
103 | } |
104 | ||
105 | .expander { | |
e0c47e26 RK |
106 | width: 9px; |
107 | height: 9px; | |
108 | -moz-margin-start: 5px; | |
da9978ec | 109 | -moz-margin-end: 5px; |
e0c47e26 | 110 | background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat; |
da9978ec RK |
111 | } |
112 | ||
e0c47e26 RK |
113 | .expander[open] { |
114 | background-image: url("chrome://global/skin/tree/twisty-open.png"); | |
da9978ec RK |
115 | } |
116 | ||
e0c47e26 RK |
117 | .expandable { |
118 | cursor: pointer; | |
da9978ec | 119 | } |
e0c47e26 RK |
120 | |
121 | .match { | |
122 | visibility: hidden; | |
123 | } | |
124 | ||
125 | .expandable > .match { | |
126 | visibility: visible; | |
127 | } | |
128 | ||
129 | .only-unmatched { | |
130 | -moz-margin-start: 0; | |
da9978ec RK |
131 | } |
132 | ||
133 | .property-name { | |
da9978ec | 134 | font-size: 12px; |
da9978ec | 135 | color: #FF9F00; |
e0c47e26 | 136 | width: 220px; |
da9978ec RK |
137 | } |
138 | .property-value { | |
da9978ec | 139 | font-size: 10px; |
e0c47e26 | 140 | color: #8050B0; |
da9978ec RK |
141 | } |
142 | ||
e0c47e26 RK |
143 | #propertyContainer { |
144 | display: -moz-box; | |
145 | -moz-box-orient: vertical; | |
146 | -moz-box-flex: 1; | |
147 | overflow-y: auto; | |
da9978ec RK |
148 | } |
149 | ||
e0c47e26 RK |
150 | .darkrow { |
151 | background-color: #404000; | |
da9978ec RK |
152 | } |
153 | ||
e0c47e26 RK |
154 | #noResults { |
155 | font-size: 18px; | |
156 | margin-top: 5px; | |
157 | text-align: center; | |
da9978ec RK |
158 | } |
159 | ||
e0c47e26 RK |
160 | .headerControls { |
161 | color: #9C9CFF; | |
da9978ec | 162 | background-color: #000000; |
e0c47e26 | 163 | padding-top: 5px; |
da9978ec RK |
164 | } |
165 | ||
e0c47e26 RK |
166 | .onlyuserstyles { |
167 | cursor: pointer; | |
168 | font-size: 11px; | |
da9978ec | 169 | } |
e0c47e26 RK |
170 | |
171 | .searchfield { | |
172 | -moz-margin-start: 10px; | |
da9978ec | 173 | } |
e0c47e26 RK |
174 | |
175 | .styleinspector-legend { | |
176 | -moz-margin-start: 12px; | |
da9978ec | 177 | } |
e0c47e26 RK |
178 | |
179 | #footer { | |
180 | border-top: 1px solid #9C9CFF; | |
da9978ec RK |
181 | } |
182 | ||
e0c47e26 RK |
183 | .legendKey { |
184 | margin: 0 5px; | |
da9978ec RK |
185 | } |
186 | ||
e0c47e26 RK |
187 | /** |
188 | * CSS Rule View | |
189 | */ | |
190 | ||
191 | .ruleview { | |
192 | background-color: #000000; | |
193 | } | |
194 | ||
195 | .ruleview-rule-source { | |
196 | background-color: #000000; | |
197 | padding: 2px 5px; | |
198 | } | |
199 | ||
200 | .ruleview-code { | |
201 | padding: 2px 5px; | |
202 | } | |
203 | ||
204 | .ruleview-propertylist { | |
205 | list-style: none; | |
206 | padding: 0; | |
207 | margin: 0; | |
208 | } | |
209 | ||
210 | .ruleview-enableproperty { | |
211 | height: 10px; | |
212 | width: 10px; | |
213 | -moz-margin-start: 2px; | |
214 | -moz-margin-end: 0; | |
215 | } | |
216 | ||
217 | .ruleview-expander { | |
218 | display: inline-block; | |
219 | width: 8px; | |
220 | height: 8px; | |
221 | background: url("chrome://browser/skin/devtools/arrows.png") 24px 0; | |
da9978ec | 222 | cursor: pointer; |
e0c47e26 RK |
223 | -moz-margin-start: 2px; |
224 | -moz-margin-end: 5px; | |
225 | } | |
226 | ||
e0c47e26 RK |
227 | .ruleview-expander.styleinspector-open { |
228 | background-position: 8px 0; | |
229 | } | |
230 | ||
231 | .ruleview-newproperty { | |
232 | /* (enable checkbox width: 12px) + (expander width: 15px) */ | |
233 | -moz-margin-start: 27px; | |
234 | } | |
235 | ||
236 | .ruleview-propertyname { | |
237 | display: inline-block; | |
238 | padding: 1px 0; | |
239 | cursor: text; | |
240 | color: #9C9CFF; | |
241 | text-decoration: inherit; | |
242 | } | |
243 | ||
244 | .ruleview-propertyvalue { | |
245 | cursor: text; | |
246 | text-decoration: inherit; | |
247 | } | |
248 | ||
249 | .ruleview-computedlist { | |
250 | list-style: none; | |
251 | padding: 0; | |
252 | } | |
253 | ||
254 | .ruleview-computed { | |
255 | -moz-margin-start: 4em; | |
256 | } | |
257 | ||
258 | .ruleview-overridden { | |
259 | text-decoration: line-through; | |
260 | } | |
261 | ||
262 | .styleinspector-propertyeditor { | |
263 | border: 1px solid #9C9CFF; | |
264 | padding: 0; | |
da9978ec | 265 | } |