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