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