mobile/android/themes/core/aboutAddons.css

branch
TOR_BUG_3246
changeset 4
fc2d59ddac77
equal deleted inserted replaced
-1:000000000000 0:6cd91ec11d14
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 }

mercurial