|
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/. */ |
|
4 |
|
5 %filter substitution |
|
6 %include defines.inc |
|
7 |
|
8 .details { |
|
9 width: 100%; |
|
10 } |
|
11 |
|
12 .details > div { |
|
13 display: inline; |
|
14 } |
|
15 |
|
16 .version { |
|
17 /* title is not localized, so keep the margin on the left side */ |
|
18 margin-left: .67em; |
|
19 } |
|
20 |
|
21 #header-button { |
|
22 background-image: url("chrome://browser/skin/images/amo-logo.png"), url("chrome://browser/skin/images/chevron.png"); |
|
23 background-size: 20px 20px, 8px 20px; |
|
24 background-position: left, right 3px center; |
|
25 } |
|
26 |
|
27 .description { |
|
28 width: 100%; |
|
29 overflow: hidden; |
|
30 white-space: nowrap; |
|
31 text-overflow: ellipsis; |
|
32 } |
|
33 |
|
34 .status { |
|
35 background-color: @color_about_item_inner@; |
|
36 border-top: 2px solid; |
|
37 -moz-border-top-colors: #bac2ac #ffffff; |
|
38 font-weight: bold; |
|
39 padding: 0.5em; |
|
40 width: 100%; |
|
41 } |
|
42 |
|
43 .options-header { |
|
44 font-weight: bold; |
|
45 text-transform: uppercase; |
|
46 margin-top: 1em; |
|
47 } |
|
48 |
|
49 .addon-item[isDisabled="true"] .options-header, |
|
50 .addon-item:not([optionsURL]) .options-header, |
|
51 .addon-item[optionsURL=""] .options-header, |
|
52 .addon-item[isDisabled="true"] .options-box, |
|
53 .addon-item:not([optionsURL]) .options-box, |
|
54 .addon-item[optionsURL=""] .options-box { |
|
55 display: none; |
|
56 } |
|
57 |
|
58 /* Settings */ |
|
59 |
|
60 setting { |
|
61 padding-bottom: 1em; |
|
62 -moz-box-align: center; |
|
63 box-sizing: border-box; |
|
64 width: 100%; |
|
65 } |
|
66 |
|
67 setting[type="integer"], |
|
68 setting[type="string"], |
|
69 setting[type="menulist"], |
|
70 setting[type="control"] { |
|
71 -moz-box-orient: vertical; |
|
72 -moz-box-align: start; |
|
73 } |
|
74 |
|
75 setting > vbox { |
|
76 -moz-box-flex: 1; |
|
77 } |
|
78 |
|
79 .preferences-description { |
|
80 margin-top: 4px; |
|
81 color: #666; |
|
82 } |
|
83 |
|
84 .preferences-description:empty { |
|
85 display: none; |
|
86 } |
|
87 |
|
88 /* Checkbox */ |
|
89 |
|
90 checkbox { |
|
91 -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing") !important; |
|
92 margin: 0; |
|
93 } |
|
94 |
|
95 checkbox[label=""] > .checkbox-label-box, |
|
96 checkbox:not([label]) > .checkbox-label-box { |
|
97 display: none; |
|
98 } |
|
99 |
|
100 .checkbox-check { |
|
101 background-color: transparent; |
|
102 background-image: url("chrome://browser/skin/images/checkbox_unchecked.png"); |
|
103 border: none; |
|
104 height: 48px; |
|
105 width: 48px; |
|
106 } |
|
107 |
|
108 setting:active checkbox > .checkbox-spacer-box > .checkbox-check { |
|
109 background-image: url("chrome://browser/skin/images/checkbox_unchecked_pressed.png"); |
|
110 } |
|
111 |
|
112 checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { |
|
113 background-image: url("chrome://browser/skin/images/checkbox_unchecked_disabled.png"); |
|
114 } |
|
115 |
|
116 checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { |
|
117 background-image: url("chrome://browser/skin/images/checkbox_checked.png"); |
|
118 } |
|
119 |
|
120 setting:active checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { |
|
121 background-image: url("chrome://browser/skin/images/checkbox_checked_pressed.png"); |
|
122 } |
|
123 |
|
124 checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { |
|
125 background-image: url("chrome://browser/skin/images/checkbox_checked_disabled.png"); |
|
126 } |
|
127 |
|
128 /* Textbox */ |
|
129 |
|
130 textbox[type="number"] > spinbuttons { |
|
131 visibility: collapse; |
|
132 } |
|
133 |
|
134 textbox { |
|
135 min-width: 200px; |
|
136 margin: 2px 0; |
|
137 padding: 0.5em !important; |
|
138 background: #fff; |
|
139 border: 1px solid #ccc; |
|
140 border-radius: 4px; |
|
141 color: #333; |
|
142 } |
|
143 |
|
144 /* Button */ |
|
145 |
|
146 button { |
|
147 margin: 2px 0; |
|
148 background: #fff; |
|
149 border: 1px solid #ccc; |
|
150 padding: 0.5em; |
|
151 } |
|
152 |
|
153 /* Menulist */ |
|
154 |
|
155 menulist { |
|
156 -moz-appearance: none !important; |
|
157 -moz-user-focus: ignore; |
|
158 min-width: 200px; |
|
159 margin: 2px 0; |
|
160 background: #fff; |
|
161 border: 1px solid #ccc; |
|
162 border-radius: 4px; |
|
163 padding: 0.5em; |
|
164 } |
|
165 |
|
166 menulist > dropmarker { |
|
167 height: 1.8em; |
|
168 width: 1.8em; |
|
169 margin-left: @margin_snormal@; |
|
170 background-color: transparent; |
|
171 border: none; |
|
172 -moz-box-align: center; |
|
173 -moz-box-pack: center; |
|
174 list-style-image: url("chrome://browser/skin/images/dropmarker.svg") !important; |
|
175 -moz-image-region: auto; |
|
176 display: block; |
|
177 } |
|
178 |
|
179 /* Select */ |
|
180 |
|
181 select { |
|
182 min-width: 200px; |
|
183 margin: 2px 0; |
|
184 background: #fff; |
|
185 border: 1px solid #ccc; |
|
186 border-radius: 4px; |
|
187 padding: 1em; |
|
188 } |
|
189 |
|
190 /* XBL bindings */ |
|
191 |
|
192 settings { |
|
193 -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#settings"); |
|
194 } |
|
195 |
|
196 setting { |
|
197 display: none; |
|
198 } |
|
199 |
|
200 setting[type="bool"] { |
|
201 display: -moz-box; |
|
202 -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-bool"); |
|
203 } |
|
204 |
|
205 setting[type="bool"][localized="true"] { |
|
206 display: -moz-box; |
|
207 -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-localized-bool"); |
|
208 } |
|
209 |
|
210 setting[type="boolint"] { |
|
211 display: -moz-box; |
|
212 -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-boolint"); |
|
213 } |
|
214 |
|
215 setting[type="integer"] { |
|
216 display: -moz-box; |
|
217 -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-integer"); |
|
218 } |
|
219 |
|
220 setting[type="control"] { |
|
221 display: -moz-box; |
|
222 -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-control"); |
|
223 } |
|
224 |
|
225 setting[type="string"] { |
|
226 display: -moz-box; |
|
227 -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-string"); |
|
228 } |
|
229 |
|
230 setting[type="radio"], |
|
231 setting[type="menulist"] { |
|
232 display: -moz-box; |
|
233 -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-multi"); |
|
234 } |
|
235 |
|
236 .hide-on-enable, |
|
237 .show-on-error, |
|
238 .show-on-uninstall, |
|
239 .show-on-install, |
|
240 .show-on-restart, |
|
241 div[isDisabled="true"] .hide-on-disable { |
|
242 display: none; |
|
243 } |
|
244 |
|
245 div[error] .show-on-error, |
|
246 div[opType="needs-restart"] .show-on-restart, |
|
247 div[opType="needs-uninstall"] .show-on-uninstall, |
|
248 div[opType="needs-install"] .show-on-install, |
|
249 div[opType="needs-enable"] .show-on-enable, |
|
250 div[opType="needs-disable"] .show-on-disable, |
|
251 div[isDisabled="true"] .show-on-disable { |
|
252 display: -moz-box; |
|
253 } |
|
254 |
|
255 div[opType="needs-restart"] .hide-on-restart, |
|
256 div[opType="needs-uninstall"] .hide-on-uninstall, |
|
257 div[isDisabled="true"][opType="needs-uninstall"], |
|
258 div[opType="needs-install"] .hide-on-install, |
|
259 div[opType="needs-enable"] .hide-on-enable, |
|
260 div[opType="needs-disable"] .hide-on-disable { |
|
261 display: none; |
|
262 } |
|
263 |
|
264 #addons-list, #addons-details { |
|
265 display: none; |
|
266 } |