update both themes for toolkit winstripe trunk changes between 2008-11-29 adn 2009...
[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
133.updateBadge,
134.notifyBadge {
135 width: 16px;
136 height: 16px;
137 margin-bottom: -3px;
138 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
139}
140
141richlistitem .updateBadge {
142 -moz-margin-end: -2px;
143}
144
145richlistitem .notifyBadge {
146 -moz-margin-start: -2px;
147}
148
e10e7add
RK
149/* Selected Add-on buttons
150 See content/extensions.css to hide / display buttons */
151.selectedButtons {
152 margin-top: 4px;
153 min-height: 2.1em;
154}
155
156.selectedButtons > button {
157 margin-top: 0;
158 margin-bottom: 0;
159}
160
161.enableButton,
162.disableButton,
163.optionsButton,
164.useThemeButton {
165 -moz-margin-end: 0;
166}
167
168.enableButton, .disableButton,
169.uninstallButton, .cancelUninstallButton {
170 -moz-margin-start: 5px;
171}
172
e10e7add 173richlistitem[loading="true"] .updateBadge {
e10e7add
RK
174 width: 16px;
175 height: 16px;
176 margin-bottom: -3px;
177 -moz-margin-end: -2px;
178 list-style-image: url("chrome://global/skin/icons/loading.gif");
179 -moz-image-region: auto;
180}
181
182.addonThrobber {
183 -moz-margin-start: 5px;
184 width: 16px;
185 height: 16px;
186 list-style-image: url("chrome://global/skin/icons/loading.gif");
187}
188
189.selectedStatusMsgs > hbox {
190 margin-top: 2px;
191 margin-bottom: 2px;
192}
193
194.selectedStatusMsgs label {
195 font-weight: bold;
196}
197
198.selectedStatusMsgs label.text-link {
199 font-weight: normal;
200 border: none;
201}
202
e10e7add
RK
203.addon-search-details {
204 margin-top: 5px;
205 margin-bottom: 5px;
206 -moz-margin-start: 6px;
207 -moz-margin-end: 0;
208}
209
210.addonThumbnailContainer {
211 background-color: #000000;
212 padding: 5px;
213 -moz-border-radius: 3px;
214 border: 1px solid #9C9CFF;
215 width: 135px;
216 min-height: 104px;
217 -moz-margin-end: 5px;
218}
219
220.addonMissingThumbnail {
221 color: GrayText;
222 font-size: larger;
223 font-weight: bold;
224}
225
226.addonFailure {
227 width: 16px;
228 height: 16px;
229 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
230}
231
e10e7add
RK
232.addonLearnMore {
233 margin-top: 4px;
234 margin-bottom: 4px;
235}
236
237.addonRating[rating] {
e10e7add
RK
238 width: 68px;
239 height: 12px;
240 list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
241}
242
243.addonRating[rating="0"] {
244 -moz-image-region: rect(0px 68px 12px 0px);
245}
246
247.addonRating[rating="1"] {
248 -moz-image-region: rect(12px 68px 24px 0px);
249}
250
251.addonRating[rating="2"] {
252 -moz-image-region: rect(24px 68px 36px 0px);
253}
254
255.addonRating[rating="3"] {
256 -moz-image-region: rect(36px 68px 48px 0px);
257}
258
259.addonRating[rating="4"] {
260 -moz-image-region: rect(48px 68px 60px 0px);
261}
262
263.addonRating[rating="5"] {
264 -moz-image-region: rect(60px 68px 72px 0px);
265}
266
267.addonType image {
268 -moz-margin-start: 6px;
269 list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
270 width: 16px;
271 height: 16px;
272}
273
274.addonTypeExtension image {
275 -moz-image-region: rect(0px 16px 16px 0px);
276}
277
278.addonTypeTheme image {
279 -moz-image-region: rect(0px 32px 16px 16px);
280}
281
282vbox[typeName="status"][type="search-failure"],
283vbox[typeName="status"][type="recommended-failure"],
284vbox[typeName="status"][type="message-norecommended"],
285vbox[typeName="status"][type="message-nosearchresults"],
286vbox[typeName="status"][type="retrieve-search"],
287vbox[typeName="status"][type="retrieve-recommended"] {
288 margin-top: 2em;
289}
290
291vbox[typeName="status"][type="footer-recommended"],
292vbox[typeName="status"][type="footer-search"] {
293 margin-top: 1em;
294}
295
296vbox[typeName="status"][type="header-recommended"] {
297 font-size: 150%;
298 background: #000000;
299}
300
301#searchbox {
302 padding: 0;
303}
304
305#progressBox {
02920d2b 306 padding: 5px;
e10e7add
RK
307}
308
309#progressBox > hbox {
310 -moz-box-align: center;
311}
312
18f5421a
RK
313/* View buttons resp. Progress box */
314#topBar {
e10e7add 315 border-bottom: 1px solid #9C9CFF;
26a52ec5 316 padding-bottom: 3px;
e10e7add
RK
317 background-color: #000000;
318 color: #FF9F00;
319}
320
18f5421a
RK
321#viewGroup {
322 -moz-padding-start: 10px;
323}
324
e10e7add
RK
325#viewGroup radio {
326 -moz-border-radius: 5px;
327 margin: 0px;
328 padding: 1px 3px;
329 min-width: 4.5em;
330 list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
331 border: 1px solid transparent;
332}
333
334#viewGroup radio:hover {
335 background-color: #FFCF00;
336 color: #000000;
337}
338
339#viewGroup radio[selected="true"] {
340 background-color: #008484;
341 color: #000000;
342}
343
344.viewButtonIcon {
345 width: 32px;
346 height: 32px;
347}
348
349radio#extensions-view {
350 -moz-image-region: rect(0px, 32px, 32px, 0px)
351}
352
353radio#themes-view {
354 -moz-image-region: rect(0px, 64px, 32px, 32px)
355}
356
357radio#locales-view {
358 -moz-image-region: rect(0px, 96px, 32px, 64px)
359}
360
361radio#plugins-view {
362 -moz-image-region: rect(0px, 128px, 32px, 96px)
363}
364
365radio#updates-view {
366 -moz-image-region: rect(0px, 160px, 32px, 128px)
367}
368
369radio#installs-view {
370 -moz-image-region: rect(0px, 192px, 32px, 160px)
371}
372
373radio#search-view {
374 -moz-image-region: rect(0px, 224px, 32px, 192px)
375}
376
377/* Update view checkbox */
378.includeUpdate {
379 -moz-user-focus: none;
380}
381
382richlistitem[selected="true"] .includeUpdate {
383 -moz-user-focus: normal;
384}
385
386#infoDisplay {
387 overflow-y: auto;
388}
389
390#infoDisplay body {
391 padding: 5px;
392}
393
394#infoDisplay h1,
395#infoDisplay h2,
396#infoDisplay h3 {
397 text-align: left;
398 font-weight: bold;
02920d2b 399 margin: 0 0 0.7em;
e10e7add
RK
400}
401
402#infoDisplay h1 {
403 font-size: 150%;
404}
405
406#infoDisplay h2 {
407 font-size: 125%;
408}
409
410#infoDisplay h3 {
411 font-size: 100%;
412}
413
414#infoDisplay ol,
415#infoDisplay ul {
02920d2b 416 margin: 0 0 0.7em;
e10e7add
RK
417}
418
419#infoDisplay li {
420 text-align: left;
421}
422
423#infoDisplay p {
424 text-align: justify;
02920d2b 425 margin: 0 0 0.7em;
e10e7add 426}