third part of syncing LCARStrek with Firefox 35 windows theme changes
[themes.git] / LCARStrek / mozapps / extensions / extensions.css
... / ...
CommitLineData
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@import url("chrome://global/skin/inContentUI.css");
6
7#addons-page {
8 padding: 3px;
9 margin: 0;
10}
11
12.nav-button {
13 list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
14}
15
16#forward-btn {
17 -moz-border-start: none;
18}
19
20#back-btn:-moz-locale-dir(ltr),
21#forward-btn:-moz-locale-dir(rtl) {
22 -moz-image-region: rect(42px 25px 63px 0px);
23}
24
25#back-btn[disabled="true"]:-moz-locale-dir(ltr),
26#forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
27 -moz-image-region: rect(42px 50px 63px 25px);
28}
29
30#back-btn:-moz-locale-dir(rtl),
31#forward-btn:-moz-locale-dir(ltr) {
32 -moz-image-region: rect(63px 25px 84px 0px);
33}
34
35#back-btn[disabled="true"]:-moz-locale-dir(rtl),
36#forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
37 -moz-image-region: rect(63px 50px 84px 25px);
38}
39
40
41/*** global warnings ***/
42
43.global-warning-container {
44 overflow-x: hidden;
45}
46
47.global-warning {
48 -moz-box-align: center;
49 padding: 0 8px;
50 color: #000000;
51 font-weight: bold;
52}
53
54#addons-page[warning] .global-warning-container {
55 background-color: #FFCF00;
56}
57
58#detail-view .global-warning {
59 padding: 4px 12px;
60 border-bottom: 3px solid #000000;
61}
62
63@media (max-width: 600px) {
64 .global-warning-text {
65 display: none;
66 }
67
68 .global-warning .warning-icon {
69 /* background-color: #FFF;
70 box-shadow: 0px 0px 2px 5px #FFF;
71 border-radius: 10px; */
72 }
73}
74
75/*** global informations ***/
76#addons-page .global-info-container {
77 background-color: #9C9CFF;
78 border-top-right-radius: 5px;
79 border-top-left-radius: 5px;
80}
81
82/* Plugins aren't yet disabled by safemode (bug 342333),
83 so don't show that warning when viewing plugins. */
84#addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
85#addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
86 background-color: inherit;
87 background-image: none;
88}
89
90
91/*** notification icons ***/
92
93.warning-icon {
94 list-style-image: url("chrome://global/skin/icons/warning-16.png");
95 width: 16px;
96 height: 16px;
97 margin: 1px 0;
98}
99
100.error-icon {
101 list-style-image: url("chrome://global/skin/icons/error-16.png");
102 width: 16px;
103 height: 16px;
104 margin: 1px 0;
105}
106
107.pending-icon,
108.info-icon {
109 list-style-image: url("chrome://global/skin/icons/information-16.png");
110 width: 16px;
111 height: 16px;
112 margin: 1px 0;
113}
114
115.addon-view[pending="disable"] .pending-icon,
116.addon-view[pending="uninstall"] .pending-icon {
117 list-style-image: url("chrome://global/skin/icons/warning-16.png");
118 width: 16px;
119 height: 15px;
120 margin: 3px 0;
121}
122
123
124/*** view alert boxes ***/
125
126.alert-container {
127 -moz-box-align: center;
128}
129
130.alert-spacer-before {
131 -moz-box-flex: 1;
132}
133
134.alert-spacer-after {
135 -moz-box-flex: 3;
136}
137
138.alert {
139 -moz-box-align: center;
140 padding: 10px;
141 color: #FF9F00;
142 border: 1px solid #9C9CFF;
143 border-radius: 8px;
144 background-color: #000000;
145 background-clip: padding-box;
146}
147
148.alert .alert-title {
149 font-weight: bold;
150 font-size: 200%;
151 margin-bottom: 15px;
152}
153
154.alert button {
155 margin: 1em 2em;
156}
157
158.loading {
159 list-style-image: url("chrome://global/skin/icons/loading.gif");
160 padding-left: 20px;
161 padding-right: 20px;
162}
163
164
165/*** category selector ***/
166
167#categories {
168 background-color: #A09090;
169 position: relative;
170 padding-top: 31px;
171 margin: 0px;
172 border: none;
173}
174
175.category {
176 background-color: #000000;
177 color: #FFCF00;
178 min-height: 0;
179 padding: 10px 4px;
180 -moz-box-align: center;
181 overflow: hidden;
182}
183
184.category:not([disabled]):hover {
185 background-color: #FFCF00;
186 color: #000000;
187}
188
189.category[disabled] {
190 border-top: 0;
191 border-bottom: 0;
192 height: 0;
193 opacity: 0;
194 transition-property: height, opacity;
195 transition-duration: 1s, 0.8s;
196}
197
198.category:not([disabled]) {
199 height: 52px;
200 transition-property: height, opacity;
201 transition-duration: 1s, 0.8s;
202}
203
204.category[selected] {
205 background-color: #008484;
206 color: #FFCF00;
207}
208
209.category-name {
210 font-size: 150%;
211}
212
213/* Maximize the size of the viewport when the window is small */
214@media (max-width: 800px) {
215 .category-name {
216 display: none;
217 }
218}
219
220.category-badge {
221 background-color: #E7ADE7;
222 padding: 2px 8px;
223 margin: 6px 0;
224 border-radius: 10000px;
225 color: #000000;
226 font-weight: bold;
227 text-align: center;
228}
229
230.category-badge[value="0"] {
231 visibility: hidden;
232}
233
234.category-icon {
235 width: 32px;
236 height: 32px;
237 -moz-margin-start: 6px;
238}
239
240#category-search > .category-icon {
241 list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
242}
243#category-discover > .category-icon {
244 list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
245}
246#category-locale > .category-icon {
247 list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
248}
249#category-searchengine > .category-icon {
250 list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
251}
252#category-extension > .category-icon {
253 list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
254}
255#category-service > .category-icon {
256 list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
257}
258#category-theme > .category-icon {
259 list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
260}
261#category-plugin > .category-icon {
262 list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
263}
264#category-dictionary > .category-icon {
265 list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
266}
267#category-experiment > .category-icon {
268 list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
269}
270#category-availableUpdates > .category-icon {
271 list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
272}
273#category-recentUpdates > .category-icon {
274 list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
275}
276
277/*** main content ***/
278
279#addons-page > hbox {
280 /* This applied both to the header and the box surrounding the main content. */
281 background-color: #A09090;
282}
283
284.main-content {
285 background-color: #000000;
286 border: none;
287 border-top: 3px solid #000000;
288 -moz-border-start: 3px solid #000000;
289 border-radius: 1em 0 0 0;
290}
291
292/*** header ***/
293
294#header {
295 height: 2em;
296 padding: 3px;
297 border-radius: 1em 0 0 0;
298}
299
300#header-search {
301 color: #E7ADE7;
302 border: 1px solid #9C9CFF;
303 border-radius: 4px;
304 background-color: #000000;
305 margin: 0;
306}
307
308#header-search .textbox-input::-moz-placeholder {
309 color: #8050B0;
310}
311
312#header-search[focused] {
313 border-color: #008484;
314}
315
316@media (max-width: 600px) {
317 #header-search {
318 width: 12em;
319 }
320}
321
322#header-utils-btn {
323 list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
324 -moz-margin-end: 16px;
325}
326
327#header-utils-btn:hover,
328#header-utils-btn:hover:active,
329#header-utils-btn[open="true"] {
330 list-style-image: url("chrome://mozapps/skin/extensions/utilities-hover.png");
331}
332
333#header-utils-btn > .button-box > .button-menu-dropmarker {
334 border: none;
335 background: transparent;
336}
337
338#header-utils-btn:hover > .button-box > .button-menu-dropmarker {
339 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
340}
341
342.view-header {
343 background-color: #9C9CFF;
344 color: #000000;
345 border-radius: 8px;
346 padding: 0px 1em;
347 margin: 3px;
348 min-height: 31px;
349}
350
351
352/*** sorters ***/
353
354.sort-controls {
355 -moz-appearance: none;
356 border-right: 3px solid #000000;
357}
358
359.sorter {
360 -moz-appearance: none;
361 border: none;
362 border-left: 3px solid #000000;
363 background-color: transparent;
364 color: #8050B0;
365 border-radius: 0;
366 padding: 0 6px;
367 -moz-padding-start: 6px;
368 -moz-padding-end: 3px;
369 margin: 0;
370 min-width: 12px !important;
371 -moz-box-direction: reverse;
372}
373.sorter:hover {
374 background-color: #FFCF00;
375 color: #000000;
376}
377
378.sorter .button-box {
379 padding-top: 0;
380 padding-bottom: 0;
381}
382
383.sorter[checkState="1"],
384.sorter[checkState="2"] {
385 background-color: #008484;
386 color: #FFCF00;
387}
388
389.sorter[checkState="1"] {
390 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
391}
392
393.sorter[checkState="2"] {
394 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
395}
396
397.sorter .button-icon {
398 -moz-margin-start: 4px;
399}
400
401
402/*** discover view ***/
403
404.discover-spacer-before,
405.discover-spacer-after {
406 -moz-box-flex: 1;
407}
408
409#discover-error .alert {
410 max-width: 45em;
411 -moz-box-flex: 1;
412}
413
414.discover-logo {
415 list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
416 -moz-margin-end: 15px;
417}
418
419.discover-title {
420 font-weight: bold;
421 font-size: 24px;
422 /* font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif; */
423 margin: 0 0 15px 0;
424}
425
426.discover-description {
427 text-align: justify;
428 margin: 0 0 15px 0;
429}
430
431.discover-footer {
432 text-align: justify;
433}
434
435
436/*** list ***/
437
438.list {
439 margin: 0;
440 border: none;
441 background-color: transparent;
442}
443
444.addon {
445 border-bottom: 1px solid #9C9CFF;
446 padding: 5px;
447 background-origin: border-box;
448}
449
450.details {
451 cursor: pointer;
452 margin: 0;
453 -moz-margin-start: 10px;
454}
455
456.icon-container {
457 width: 48px;
458 height: 48px;
459 margin: 3px 7px;
460 -moz-box-align: center;
461 -moz-box-pack: center;
462}
463
464.icon {
465 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
466 max-width: 48px;
467 max-height: 48px;
468}
469
470.addon[active="false"] .icon {
471 filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
472}
473
474.addon-view[type="theme"] .icon {
475 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
476}
477
478.addon-view[type="locale"] .icon {
479 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
480}
481
482.addon-view[type="plugin"] .icon {
483 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
484}
485
486.addon-view[type="dictionary"] .icon {
487 list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
488}
489
490.addon-view[type="experiment"] .icon {
491 list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
492}
493
494.name-container {
495 font-size: 150%;
496 font-weight: bold;
497 color: #9C9CFF;
498 margin-bottom: 0;
499 -moz-box-align: end;
500 -moz-box-flex: 1;
501}
502
503.creator {
504 font-weight: bold;
505}
506
507.creator .text-link {
508 /* color: #0066CC; */
509}
510
511.description-container {
512 -moz-margin-start: 6px;
513 -moz-box-align: center;
514}
515
516.description {
517 margin: 0;
518}
519
520.warning,
521.pending,
522.error,
523.info {
524 -moz-margin-start: 48px;
525 font-weight: bold;
526 -moz-box-align: center;
527}
528
529.content-container,
530.basicinfo-container {
531 -moz-box-align: start;
532}
533
534.addon[status="installing"] > .content-container {
535 -moz-box-align: stretch;
536}
537
538.advancedinfo-container,
539.update-info-container {
540 -moz-box-align: center;
541}
542
543.update-available {
544 -moz-box-align: end;
545}
546
547.install-status-container {
548 -moz-box-pack: end;
549 -moz-box-align: end;
550}
551
552.name-outer-container {
553 -moz-box-pack: center;
554}
555
556.relnotes-toggle-container,
557.icon-outer-container {
558 -moz-box-pack: start;
559}
560
561.status-container,
562.control-container {
563 -moz-box-pack: end;
564}
565
566.addon-view .warning {
567 color: #FFCF00;
568}
569
570.addon-view .error {
571 color: #FF0000;
572}
573
574.addon-view .pending {
575 color: #008484;
576}
577
578.addon-view[pending="disable"] .pending,
579.addon-view[pending="uninstall"] .pending {
580 color: #FF9C00;
581}
582
583.addon .relnotes-container {
584 -moz-box-align: start;
585 -moz-margin-start: 6px;
586 height: 0;
587 overflow: hidden;
588 opacity: 0;
589 transition-property: height, opacity;
590 transition-duration: 0.5s, 0.5s;
591}
592
593.addon[show-relnotes] .relnotes-container {
594 opacity: 1;
595 transition-property: height, opacity;
596 transition-duration: 0.5s, 0.5s;
597}
598
599.addon .relnotes-header {
600 font-weight: bold;
601 margin: 10px 0;
602}
603
604.addon .relnotes-toggle {
605 border: none;
606 background: transparent;
607 font-weight: bold;
608 -moz-box-direction: reverse;
609 cursor: pointer;
610 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
611}
612
613.addon .relnotes-toggle > .button-box > .button-icon {
614 -moz-padding-start: 4px;
615}
616
617.addon[show-relnotes] .relnotes-toggle {
618 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
619}
620
621.addon[active="false"] {
622 background-color: #8050B0;
623 color: #E7ADE7;
624}
625
626.addon-view[active="false"] .name-container {
627 color: #E7ADE7;
628 color: #000000;
629}
630
631.addon-view[notification="warning"] {
632 background-color : #FFCF00;
633 color: #000000;
634}
635
636.addon-view[notification="warning"] .warning {
637 color: #000000;
638}
639
640.addon-view[notification="warning"] .name-container {
641 color: #000000;
642}
643
644.addon-view[notification="error"] {
645 background-color: #FF0000;
646 color: #000000;
647}
648
649.addon-view[notification="error"] .error {
650 color: #000000;
651}
652
653.addon-view[notification="info"] {
654 background-color: #9C9CFF;
655 color: #000000;
656}
657
658.addon-view[pending="enable"],
659.addon-view[pending="upgrade"],
660.addon-view[pending="install"] {
661 background-color: #008484;
662}
663
664.addon-view[pending="enable"] .pending,
665.addon-view[pending="upgrade"] .pending,
666.addon-view[pending="install"] .pending {
667 color: #000000;
668}
669
670.addon-view[pending="disable"],
671.addon-view[pending="uninstall"] {
672 color: #8050B0;
673}
674
675
676/*** item - uninstalled ***/
677
678.addon[status="uninstalled"] {
679 border: none;
680}
681
682.addon[status="uninstalled"] > .container {
683 -moz-box-align: center;
684 padding: 4px 20px;
685 background-color: #8050B0;
686 border-radius: 8px;
687 font-size: 120%;
688}
689
690.addon[status="uninstalled"][selected] {
691 background-color: transparent;
692}
693
694.addon[selected] {
695 background-color: #008484;
696 color: #FF9F00;
697}
698
699.addon[selected] .name-container {
700 color: #FFCF00;
701}
702
703.addon[active="false"][selected] {
704 color: #E7ADE7;
705}
706
707.addon[active="false"][selected] .name-container {
708 color: #E7ADE7;
709}
710
711
712/*** search view ***/
713
714#search-filter {
715 padding: 5px 20px;
716 -moz-box-align: center;
717 background-color: #000000;
718 font-size: 120%;
719 border-bottom: 1px solid #9C9CFF;
720 overflow-x: hidden;
721}
722
723#search-filter-label {
724 font-weight: bold;
725 color: #FFCF00;
726}
727
728.search-filter-radio {
729 padding: 0 6px;
730 margin: 0 3px;
731 border-radius: 10000px;
732}
733
734.search-filter-radio[selected] {
735 background-color: #008484;
736 color: #000000;
737}
738
739.search-filter-radio .radio-check-box1 {
740 display: none;
741}
742
743.search-filter-radio .radio-icon {
744 display: none;
745}
746
747#search-allresults-link {
748 margin-top: 1em;
749 margin-bottom: 2em;
750}
751
752/*** detail view ***/
753
754#detail-view .loading {
755 opacity: 0;
756}
757
758#detail-view[loading-extended] .loading {
759 opacity: 1;
760 transition-property: opacity;
761 transition-duration: 1s;
762}
763
764.detail-view-container {
765 padding: 0 2em 2em 2em;
766 font-size: 110%;
767}
768
769#detail-notifications {
770 margin-top: 1em;
771 margin-bottom: 2em;
772}
773
774#detail-notifications .warning,
775#detail-notifications .pending,
776#detail-notifications .error {
777 -moz-margin-start: 0;
778}
779
780#detail-icon-container {
781 width: 64px;
782 -moz-margin-end: 10px;
783 margin-top: 6px;
784}
785
786#detail-icon {
787 max-width: 64px;
788 max-height: 64px;
789}
790
791#detail-summary {
792 margin-bottom: 2em;
793}
794
795#detail-name-container {
796 font-size: 200%;
797}
798
799#detail-screenshot {
800 -moz-margin-end: 2em;
801 max-width: 300px;
802 max-height: 300px;
803}
804
805#detail-screenshot[loading] {
806 background-image: url("chrome://communicator/skin/brand/throbber-anim.png");
807 background-position: 50% 50%;
808 background-repeat: no-repeat;
809}
810
811#detail-screenshot[loading="error"] {
812 background-image: url("chrome://global/skin/icons/alert-error.gif");
813}
814
815#detail-desc-container {
816 margin-bottom: 2em;
817}
818
819#detail-desc, #detail-fulldesc {
820 -moz-margin-start: 6px;
821 white-space: pre-wrap;
822 /* This is necessary to fix layout issues with multi-line descriptions, see
823 bug 592712*/
824 outline: solid transparent;
825 min-width: 8em;
826}
827
828#detail-fulldesc {
829 margin-top: 1em;
830}
831
832#detail-contributions {
833 border-radius: 5px;
834 border: 1px solid #9C9CFF;
835 margin-bottom: 2em;
836 padding: 1em;
837 background-color: #FFCF00;
838}
839
840#detail-contrib-description {
841 font-style: italic;
842 margin-bottom: 1em;
843 color: #000000;
844}
845
846#detail-contrib-suggested {
847 color: #8050B0;
848 font-weight: bold;
849}
850
851#detail-contrib-btn {
852 list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
853}
854
855#detail-contrib-btn .button-icon {
856 -moz-margin-end: 3px;
857}
858
859#detail-grid {
860 min-width: 15em;
861 margin-bottom: 2em;
862}
863
864#detail-grid > columns > column:first-child {
865 max-width: 25em;
866}
867
868.detail-row[first-row="true"],
869.detail-row-complex[first-row="true"],
870setting[first-row="true"] {
871 border-top: none;
872}
873
874.detail-row,
875.detail-row-complex,
876setting {
877 border-top: 1px solid #9C9CFF;
878 -moz-box-align: center;
879 min-height: 30px;
880}
881
882#detail-controls {
883 margin-bottom: 1em;
884}
885
886#detail-view[active="false"]:not([pending]):not([notification]) {
887 /* background-color: foo; */
888}
889
890setting[first-row="true"] {
891 margin-top: 2em;
892}
893
894setting {
895 -moz-box-align: start;
896}
897
898.preferences-alignment {
899 min-height: 30px;
900 -moz-box-align: center;
901}
902
903.preferences-description {
904 font-size: 90.9%;
905 color: #808080;
906 margin-top: -2px;
907 -moz-margin-start: 2em;
908 white-space: pre-wrap;
909}
910
911.preferences-description:empty {
912 display: none;
913}
914
915setting[type="radio"] > radiogroup {
916 -moz-box-orient: horizontal;
917}
918
919menulist { /* Fixes some styling inconsistencies */
920 margin: 1px 5px 2px 5px;
921}
922
923/*** creator ***/
924
925.creator > label {
926 -moz-margin-end: 0;
927}
928
929.creator > .text-link {
930 margin-top: 1px;
931 margin-bottom: 1px;
932}
933
934
935/*** rating ***/
936
937.meta-rating {
938 -moz-margin-end: 0;
939 padding-top: 2px;
940}
941
942.meta-rating > .star {
943 list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
944 padding: 0 1px;
945}
946
947.meta-rating > .star[on="true"] {
948 list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
949}
950
951
952/*** download progress ***/
953
954.download-progress {
955 background-color: #000000;
956 border-radius: 10000px;
957 border: 1px solid #FF9F00;
958 width: 200px;
959 height: 21px;
960 margin: 0 8px;
961}
962
963.download-progress[mode="undetermined"] .status-container {
964 padding: 0 2px;
965}
966
967.download-progress .start-cap,
968.download-progress[complete] .end-cap,
969.download-progress[mode="undetermined"] .end-cap,
970.download-progress .progress .progress-bar {
971 background-color: #008484;
972}
973
974.download-progress .progress .progress-bar {
975 border-left-width: 0;
976 border-right-width: 0;
977 min-height: 21px;
978}
979
980.download-progress .progress {
981 background-color: transparent;
982 padding: 0;
983 margin: 0;
984 border: none;
985}
986
987.download-progress .start-cap, .download-progress .end-cap {
988 width: 12px;
989}
990
991.download-progress .start-cap:-moz-locale-dir(ltr),
992.download-progress .end-cap:-moz-locale-dir(rtl) {
993 border-radius: 3px 0 0 3px;
994}
995
996.download-progress .end-cap:-moz-locale-dir(ltr),
997.download-progress .start-cap:-moz-locale-dir(rtl) {
998 border-radius: 0 3px 3px 0;
999}
1000
1001.download-progress .cancel {
1002 -moz-appearance: none;
1003 background-color: #8050B0;
1004 border: 1px solid #9C9CFF;
1005 padding: 3px;
1006 border-radius: 3px;
1007 min-width: 0;
1008 margin: 3px;
1009}
1010
1011.download-progress .cancel .button-box {
1012 padding: 0;
1013 border: none;
1014}
1015
1016.download-progress .cancel .button-text {
1017 display: none;
1018}
1019
1020.download-progress .cancel .button-icon {
1021 -moz-margin-start: 0;
1022}
1023
1024.download-progress .cancel {
1025 list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
1026}
1027
1028.download-progress .status-container {
1029 -moz-box-align: center;
1030}
1031
1032.download-progress .status {
1033/* text-shadow: #FFF 0 0 2px; */
1034}
1035
1036/*** install status ***/
1037
1038.install-status {
1039 -moz-box-align: center;
1040}
1041
1042
1043/*** check for updates ***/
1044
1045#updates-container {
1046 -moz-box-align: center;
1047}
1048
1049#updates-container .button-link {
1050 font-weight: bold;
1051}
1052
1053#updates-installed,
1054#updates-downloaded {
1055 color: #008484;
1056 font-weight: bold;
1057}
1058
1059#update-selected {
1060 margin: 12px;
1061}
1062
1063/*** buttons ***/
1064
1065.addon-control[disabled="true"]:not(.no-auto-hide) {
1066 display: none;
1067}
1068
1069.no-auto-hide .addon-control {
1070 display: block !important;
1071}
1072
1073button.button-link {
1074 background: transparent;
1075 border: none;
1076 text-decoration: underline;
1077 color: #3333FF;
1078 cursor: pointer;
1079 min-width: 0;
1080 margin: 0 6px;
1081}
1082
1083/* Needed to override normal button style from inContent.css */
1084button.button-link:not([disabled="true"]):active:hover {
1085}
1086
1087/*** telemetry experiments ***/
1088
1089#detail-experiment-container {
1090 font-size: 80%;
1091 margin-bottom: 1em;
1092}
1093
1094#detail-experiment-bullet-container,
1095#detail-experiment-state,
1096#detail-experiment-time,
1097.experiment-bullet-container,
1098.experiment-state,
1099.experiment-time {
1100 vertical-align: middle;
1101 display: inline-block;
1102}
1103
1104.addon .experiment-bullet,
1105#detail-experiment-bullet {
1106 fill: #8050B0;
1107}
1108
1109.addon[active="true"] .experiment-bullet,
1110#detail-view[active="true"] #detail-experiment-bullet {
1111 fill: #FFCF00;
1112}