start 2.1a2pre cycle
[themes.git] / EarlyBlue / mozapps / extensions / extensions.css
... / ...
CommitLineData
1#extensionsBox {
2 margin: 10px 10px 0px;
3 min-width: 1px;
4}
5
6#extensionsView {
7 -moz-appearance: none;
8 border: 1px inset #CCD0DD;
9 margin: 0;
10 min-width: 245px;
11}
12
13#resizerBox {
14 margin-top: -12px;
15 visibility: hidden;
16}
17
18#resizerBox > resizer {
19 height: 10px;
20 max-height: 10px;
21 visibility: visible;
22}
23
24.notification-inner {
25 border: none;
26 border-bottom: 1px solid #9999CC;
27}
28
29#searchfield {
30 -moz-margin-start: 0;
31}
32
33/* Command Bar */
34#commandBarBottom {
35 margin-top: 5px;
36 margin-bottom: 10px;
37 -moz-margin-start: 10px;
38 -moz-margin-end: 5px;
39 min-width: 1px;
40}
41
42#commandBarBottom button {
43 margin: 0;
44 -moz-margin-end: 5px;
45}
46
47/* List Items */
48richlistitem {
49 padding-top: 6px;
50 padding-bottom: 6px;
51 -moz-padding-start: 7px;
52 -moz-padding-end: 7px;
53 min-height: 25px;
54 border-bottom: 1px dotted #666699;
55}
56
57richlistitem[isDisabled="true"] .addonIcon {
58 opacity: 0.3;
59}
60
61richlistitem[isDisabled="true"] {
62 color: #808080;
63}
64
65richlistitem[newAddon="true"] {
66 background-color: #FFFFCC;
67 color: #000000;
68}
69
70richlistitem[selected="true"] {
71 background-color: #CCD0DD;
72 color: #000000;
73}
74
75richlistitem[selected="true"] .text-link {
76 color: inherit;
77}
78
79#extensionsView:focus > richlistitem[selected="true"] {
80 background-color: #336699;
81 color: #FFFFFF;
82}
83
84#extensionsView:focus > richlistitem[selected="true"][isDisabled="true"] {
85 background-color: #666699;
86 color: #FFFFFF;
87}
88
89.descriptionWrap {
90 margin-bottom: 2px;
91}
92
93.addonName {
94 font-weight: bold;
95}
96
97.previewText {
98 font-size: larger;
99 font-weight: bold;
100 color: #000000;
101 text-align: center;
102}
103
104#themePreviewArea {
105 border: 1px inset #CCD0DD;
106 background-color: #FFFFFF;
107 color: #000000;
108 min-width: 65px;
109 overflow: auto;
110}
111
112#previewImageDeck {
113 min-width: 220px;
114}
115
116#themeSplitter {
117 border-width: 0;
118}
119
120.addonIcon {
121 -moz-margin-end: 2px;
122 width: 32px;
123 height: 32px;
124}
125
126.addonIcon > image {
127 max-width: 32px;
128 max-height: 32px;
129}
130
131richlistitem[plugin] .addonIcon > image {
132 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
133}
134
135richlistitem[lwtheme] .addonIcon > image {
136 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
137}
138
139.updateBadge,
140.notifyBadge {
141 width: 16px;
142 height: 16px;
143 margin-bottom: -3px;
144 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
145}
146
147richlistitem .updateBadge {
148 -moz-margin-end: -2px;
149}
150
151richlistitem .notifyBadge {
152 -moz-margin-start: -2px;
153}
154
155/* Selected Add-on buttons
156 See content/extensions.css to hide / display buttons */
157.selectedButtons {
158 margin-top: 4px;
159 min-height: 2.1em;
160}
161
162.selectedButtons > button {
163 margin-top: 0;
164 margin-bottom: 0;
165}
166
167.enableButton,
168.disableButton,
169.optionsButton,
170.useThemeButton {
171 -moz-margin-end: 0;
172}
173
174.enableButton, .disableButton,
175.uninstallButton, .cancelUninstallButton {
176 -moz-margin-start: 5px;
177}
178
179richlistitem[loading="true"] .updateBadge {
180 width: 16px;
181 height: 16px;
182 margin-bottom: -3px;
183 -moz-margin-end: -2px;
184 list-style-image: url("chrome://global/skin/icons/loading.gif");
185 -moz-image-region: auto;
186}
187
188.addonThrobber {
189 -moz-margin-start: 5px;
190 width: 16px;
191 height: 16px;
192 list-style-image: url("chrome://global/skin/icons/loading.gif");
193}
194
195.selectedStatusMsgs > hbox {
196 margin-top: 2px;
197 margin-bottom: 2px;
198}
199
200.selectedStatusMsgs label {
201 font-weight: bold;
202}
203
204.selectedStatusMsgs label.text-link {
205 font-weight: normal;
206 border: none;
207}
208
209.addon-search-details {
210 margin-top: 5px;
211 margin-bottom: 5px;
212 -moz-margin-start: 6px;
213 -moz-margin-end: 0;
214}
215
216.addonThumbnailContainer {
217 background-color: #CCD0DD;
218 padding: 5px;
219 border: 1px solid #9999CC;
220 width: 135px;
221 min-height: 104px;
222 -moz-margin-end: 5px;
223}
224
225.addonMissingThumbnail {
226 color: GrayText;
227 font-size: larger;
228 font-weight: bold;
229}
230
231.addonFailure {
232 width: 16px;
233 height: 16px;
234 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
235}
236
237.addonLearnMore {
238 margin-top: 4px;
239 margin-bottom: 4px;
240}
241
242.addonRating[rating] {
243 width: 68px;
244 height: 12px;
245 list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
246}
247
248.addonRating[rating="0"] {
249 -moz-image-region: rect(0px 68px 12px 0px);
250}
251
252.addonRating[rating="1"] {
253 -moz-image-region: rect(12px 68px 24px 0px);
254}
255
256.addonRating[rating="2"] {
257 -moz-image-region: rect(24px 68px 36px 0px);
258}
259
260.addonRating[rating="3"] {
261 -moz-image-region: rect(36px 68px 48px 0px);
262}
263
264.addonRating[rating="4"] {
265 -moz-image-region: rect(48px 68px 60px 0px);
266}
267
268.addonRating[rating="5"] {
269 -moz-image-region: rect(60px 68px 72px 0px);
270}
271
272.addonType image {
273 -moz-margin-start: 6px;
274 list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
275 width: 16px;
276 height: 16px;
277}
278
279.addonTypeExtension image {
280 -moz-image-region: rect(0px 16px 16px 0px);
281}
282
283.addonTypeTheme image {
284 -moz-image-region: rect(0px 32px 16px 16px);
285}
286
287vbox[typeName="status"][type="search-failure"],
288vbox[typeName="status"][type="recommended-failure"],
289vbox[typeName="status"][type="message-norecommended"],
290vbox[typeName="status"][type="message-nosearchresults"],
291vbox[typeName="status"][type="retrieve-search"],
292vbox[typeName="status"][type="retrieve-recommended"] {
293 margin-top: 2em;
294}
295
296vbox[typeName="status"][type="footer-recommended"],
297vbox[typeName="status"][type="footer-search"] {
298 margin-top: 1em;
299}
300
301vbox[typeName="status"][type="header-recommended"] {
302 font-size: 150%;
303 background: #CCD0DD;
304}
305
306#searchbox {
307 padding: 0;
308}
309
310#progressBox {
311 padding: 5px;
312}
313
314#progressBox > hbox {
315 -moz-box-align: center;
316}
317
318/* View buttons resp. Progress box */
319#topBar {
320 border-bottom: 1px solid #9999CC;
321 background-color: #CCD0DD;
322 color: #000000;
323}
324
325#viewGroup {
326 -moz-padding-start: 10px;
327}
328
329#viewGroup > radio {
330 margin: 0px;
331 padding: 1px 3px;
332 min-width: 4.5em;
333 list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
334 border: 1px solid transparent;
335}
336
337#viewGroup > radio:hover {
338 border: 1px outset #CCD0DD;
339}
340
341#viewGroup > radio[selected="true"] {
342 border: 1px inset #CCD0DD;
343 background-color: #DDDDDD;
344}
345
346.viewButtonIcon {
347 width: 32px;
348 height: 32px;
349}
350
351radio#extensions-view {
352 -moz-image-region: rect(0px, 32px, 32px, 0px)
353}
354
355radio#themes-view {
356 -moz-image-region: rect(0px, 64px, 32px, 32px)
357}
358
359radio#locales-view {
360 -moz-image-region: rect(0px, 96px, 32px, 64px)
361}
362
363radio#plugins-view {
364 -moz-image-region: rect(0px, 128px, 32px, 96px)
365}
366
367radio#updates-view {
368 -moz-image-region: rect(0px, 160px, 32px, 128px)
369}
370
371radio#installs-view {
372 -moz-image-region: rect(0px, 192px, 32px, 160px)
373}
374
375radio#search-view {
376 -moz-image-region: rect(0px, 224px, 32px, 192px)
377}
378
379/* Update view checkbox */
380.includeUpdate {
381 -moz-user-focus: none;
382}
383
384richlistitem[selected="true"] .includeUpdate {
385 -moz-user-focus: normal;
386}
387
388#infoDisplay {
389 overflow-y: auto;
390}
391
392#infoDisplay body {
393 padding: 5px;
394}
395
396#infoDisplay h1,
397#infoDisplay h2,
398#infoDisplay h3 {
399 text-align: left;
400 font-weight: bold;
401 margin: 0 0 0.7em;
402}
403
404#infoDisplay h1 {
405 font-size: 150%;
406}
407
408#infoDisplay h2 {
409 font-size: 125%;
410}
411
412#infoDisplay h3 {
413 font-size: 100%;
414}
415
416#infoDisplay ol,
417#infoDisplay ul {
418 margin: 0 0 0.7em;
419}
420
421#infoDisplay li {
422 text-align: left;
423}
424
425#infoDisplay p {
426 text-align: justify;
427 margin: 0 0 0.7em;
428}