toolkit/themes/windows/mozapps/extensions/extensions.css@6474c204b198
toolkit/themes/windows/mozapps/extensions/extensions.css
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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/. */
5 @import url("chrome://global/skin/inContentUI.css");
8 .nav-button {
9 list-style-image: url(chrome://mozapps/skin/extensions/navigation.png);
10 }
12 #forward-btn {
13 -moz-border-start: none;
14 }
16 #back-btn:-moz-locale-dir(ltr),
17 #forward-btn:-moz-locale-dir(rtl) {
18 -moz-image-region: rect(0, 18px, 18px, 0);
19 border-top-right-radius: 0;
20 border-bottom-right-radius: 0;
21 }
23 #back-btn:-moz-locale-dir(rtl),
24 #forward-btn:-moz-locale-dir(ltr) {
25 -moz-image-region: rect(0, 36px, 18px, 18px);
26 border-top-left-radius: 0;
27 border-bottom-left-radius: 0;
28 }
31 /*** global warnings ***/
33 .global-warning-container {
34 overflow-x: hidden;
35 }
37 .global-warning {
38 -moz-box-align: center;
39 padding: 0 8px;
40 color: #916D15;
41 font-weight: bold;
42 }
44 #addons-page[warning] .global-warning-container {
45 background-color: rgba(255, 255, 0, 0.1);
46 background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png");
47 background-repeat: repeat-x;
48 }
50 #detail-view .global-warning {
51 padding: 4px 12px;
52 border-bottom: 1px solid #CAD4E0;
53 }
55 @media (max-width: 600px) {
56 .global-warning-text {
57 display: none;
58 }
60 .global-warning .warning-icon {
61 background-color: #FFF;
62 box-shadow: 0px 0px 2px 5px #FFF;
63 border-radius: 10px;
64 }
65 }
67 /*** global informations ***/
68 #addons-page .global-info-container {
69 background-color: #f3f7fb;
70 border-top-right-radius: 5px;
71 border-top-left-radius: 5px;
72 }
74 /* Plugins aren't yet disabled by safemode (bug 342333),
75 so don't show that warning when viewing plugins. */
76 #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
77 #addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
78 background-color: inherit;
79 background-image: none;
80 }
83 /*** notification icons ***/
85 .warning-icon {
86 list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png");
87 width: 16px;
88 height: 15px;
89 margin: 3px 0;
90 }
92 .error-icon {
93 list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.png");
94 width: 16px;
95 height: 15px;
96 margin: 3px 0;
97 }
99 .pending-icon,
100 .info-icon {
101 list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.png");
102 width: 16px;
103 height: 15px;
104 margin: 3px 0;
105 }
107 .addon-view[pending="disable"] .pending-icon,
108 .addon-view[pending="uninstall"] .pending-icon {
109 list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
110 width: 16px;
111 height: 15px;
112 margin: 3px 0;
113 }
116 /*** view alert boxes ***/
118 .alert-container {
119 -moz-box-align: center;
120 }
122 .alert-spacer-before {
123 -moz-box-flex: 1;
124 }
126 .alert-spacer-after {
127 -moz-box-flex: 3;
128 }
130 .alert {
131 -moz-box-align: center;
132 padding: 10px;
133 color: #373D48;
134 border: 1px solid #A8B8D1;
135 border-radius: 8px;
136 background-image: linear-gradient(#FFF, #ECF1F7);
137 background-clip: padding-box;
138 box-shadow: 2px 2px 4px #999;
139 }
141 .alert .alert-title {
142 font-weight: bold;
143 font-size: 200%;
144 margin-bottom: 15px;
145 }
147 .alert button {
148 margin: 1em 2em;
149 }
151 .loading {
152 list-style-image: url("chrome://global/skin/icons/loading_16.png");
153 padding-left: 20px;
154 padding-right: 20px;
155 }
158 /*** category selector ***/
160 #categories {
161 -moz-appearance: none;
162 border: none;
163 -moz-margin-end: -1px;
164 background-color: transparent;
165 position: relative;
166 margin-top: 31px;
167 }
169 .category {
170 -moz-appearance: none;
171 background-color: transparent;
172 color: #252F3B;
173 min-height: 0;
174 padding: 10px 4px;
175 border-width: 1px;
176 border-style: solid;
177 border-color: transparent;
178 -moz-box-align: center;
179 overflow: hidden;
180 }
182 %ifdef WINDOWS_AERO
183 @media (-moz-os-version: windows-vista),
184 (-moz-os-version: windows-win7) {
185 %endif
186 .category:-moz-locale-dir(ltr) {
187 border-top-left-radius: 5px;
188 border-bottom-left-radius: 5px;
189 }
191 .category:-moz-locale-dir(rtl) {
192 border-top-right-radius: 5px;
193 border-bottom-right-radius: 5px;
194 }
195 %ifdef WINDOWS_AERO
196 }
197 %endif
199 .category[disabled] {
200 border-top: 0;
201 border-bottom: 0;
202 height: 0;
203 opacity: 0;
204 transition-property: height, opacity;
205 transition-duration: 1s, 0.8s;
206 }
208 .category:not([disabled]) {
209 height: 52px;
210 transition-property: height, opacity;
211 transition-duration: 1s, 0.8s;
212 }
214 .category[selected] {
215 background-color: rgba(255, 255, 255, 0.4);
216 color: #252F3B;
217 border-color: #C3CEDF;
218 -moz-border-end-color: #E2E9F2;
219 }
221 .category-name {
222 font-size: 150%;
223 }
225 /* Maximize the size of the viewport when the window is small */
226 @media (max-width: 800px) {
227 .category-name {
228 display: none;
229 }
230 }
232 .category-badge {
233 background-color: #55D4FF;
234 padding: 2px 8px;
235 margin: 6px 0;
236 border-radius: 10000px;
237 color: #FFF;
238 font-weight: bold;
239 text-align: center;
240 }
242 .category-badge[value="0"] {
243 visibility: hidden;
244 }
246 .category-icon {
247 width: 32px;
248 height: 32px;
249 -moz-margin-start: 6px;
250 }
252 #category-search > .category-icon {
253 list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
254 }
255 #category-discover > .category-icon {
256 list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
257 }
258 #category-locale > .category-icon {
259 list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
260 }
261 #category-searchengine > .category-icon {
262 list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
263 }
264 #category-extension > .category-icon {
265 list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
266 }
267 #category-service > .category-icon {
268 list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
269 }
270 #category-theme > .category-icon {
271 list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
272 }
273 #category-plugin > .category-icon {
274 list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
275 }
276 #category-dictionary > .category-icon {
277 list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
278 }
279 #category-experiment > .category-icon {
280 list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
281 }
282 #category-availableUpdates > .category-icon {
283 list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
284 }
285 #category-recentUpdates > .category-icon {
286 list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
287 }
290 /*** header ***/
292 #header {
293 margin-bottom: 18px;
294 }
296 #header-search {
297 margin: 0;
298 }
300 @media (max-width: 600px) {
301 #header-search {
302 width: 12em;
303 }
304 }
306 @media (-moz-windows-default-theme) {
307 #header-search {
308 -moz-appearance: none;
309 border: 1px solid rgba(0, 0, 0, 0.32);
310 padding-bottom: 2px;
311 background-color: rgba(255, 255, 255, 0.4);
312 }
314 %ifdef WINDOWS_AERO
315 @media (-moz-os-version: windows-vista),
316 (-moz-os-version: windows-win7) {
317 %endif
318 #header-search {
319 border-radius: 2.5px;
320 }
321 %ifdef WINDOWS_AERO
322 }
323 %endif
325 #header-search:hover {
326 background-color: rgba(255, 255, 255, .75);
327 }
329 #header-search[focused] {
330 background-color: white;
331 }
332 }
334 #header-utils-btn {
335 list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
336 -moz-margin-end: 16px;
337 }
339 .view-header {
340 background-color: rgba(251, 252, 253, 0.25);
341 padding: 4px;
342 margin: 0;
343 min-height: 31px;
344 border-bottom: 1px solid #CAD4E0;
345 }
348 /*** sorters ***/
350 .sort-controls {
351 -moz-appearance: none;
352 }
354 .sorter {
355 -moz-appearance: none;
356 border: none;
357 background-color: transparent;
358 color: #536680;
359 border-radius: 10000px;
360 padding: 0 6px;
361 margin: 0 6px;
362 min-width: 12px !important;
363 -moz-box-direction: reverse;
364 }
366 .sorter .button-box {
367 padding-top: 0;
368 padding-bottom: 0;
369 }
371 .sorter[checkState="1"],
372 .sorter[checkState="2"] {
373 background-color: rgba(194, 200, 206, 0.4);
374 box-shadow: 1px 1px 2px #B6BBC4 inset;
375 }
377 .sorter[checkState="1"] {
378 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
379 }
381 .sorter[checkState="2"] {
382 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
383 }
385 .sorter .button-icon {
386 -moz-margin-start: 4px;
387 }
390 /*** discover view ***/
392 .discover-spacer-before,
393 .discover-spacer-after {
394 -moz-box-flex: 1;
395 }
397 #discover-error .alert {
398 max-width: 45em;
399 -moz-box-flex: 1;
400 }
402 .discover-logo {
403 list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
404 -moz-margin-end: 15px;
405 }
407 .discover-title {
408 font-weight: bold;
409 font-size: 24px;
410 font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif;
411 margin: 0 0 15px 0;
412 }
414 .discover-description {
415 text-align: justify;
416 margin: 0 0 15px 0;
417 }
419 .discover-footer {
420 text-align: justify;
421 }
424 /*** list ***/
426 .list {
427 -moz-appearance: none;
428 margin: 0;
429 border: none;
430 background-color: transparent;
431 }
433 .addon {
434 color: black;
435 border-top: 2px solid;
436 -moz-border-top-colors: rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.1);
437 border-bottom: 1px solid;
438 -moz-border-bottom-colors: rgba(255, 255, 255, 0.1);
439 padding: 5px;
440 background-origin: border-box;
441 }
443 .view-pane:not(#search-view) .addon:first-of-type,
444 #search-view .addon[first] {
445 border-top-width: 1px;
446 -moz-border-top-colors: rgba(255, 255, 255, 0.1);
447 }
449 .view-pane:not(#search-view) .addon:last-of-type,
450 #search-view .addon[last] {
451 border-bottom-width: 2px;
452 -moz-border-bottom-colors: rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.1);
453 }
455 .details {
456 cursor: pointer;
457 margin: 0;
458 -moz-margin-start: 10px;
459 }
461 .icon-container {
462 width: 48px;
463 height: 48px;
464 margin: 3px 7px;
465 -moz-box-align: center;
466 -moz-box-pack: center;
467 }
469 .icon {
470 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
471 max-width: 48px;
472 max-height: 48px;
473 }
475 .addon[active="false"] .icon {
476 filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
477 }
480 .addon-view[type="theme"] .icon {
481 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
482 }
484 .addon-view[type="locale"] .icon {
485 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
486 }
488 .addon-view[type="plugin"] .icon {
489 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
490 }
492 .addon-view[type="dictionary"] .icon {
493 list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
494 }
496 .addon-view[type="experiment"] .icon {
497 list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
498 }
500 .name-container {
501 font-size: 150%;
502 font-weight: bold;
503 color: #3F3F3F;
504 margin-bottom: 0;
505 -moz-box-align: end;
506 -moz-box-flex: 1;
507 }
509 .creator {
510 font-weight: bold;
511 }
513 .creator .text-link {
514 color: #0066CC;
515 }
517 .description-container {
518 -moz-margin-start: 6px;
519 -moz-box-align: center;
520 }
522 .description {
523 margin: 0;
524 }
526 .warning,
527 .pending,
528 .error {
529 -moz-margin-start: 48px;
530 font-weight: bold;
531 -moz-box-align: center;
532 }
534 .content-container,
535 .basicinfo-container {
536 -moz-box-align: start;
537 }
539 .addon[status="installing"] > .content-container {
540 -moz-box-align: stretch;
541 }
543 .advancedinfo-container,
544 .update-info-container {
545 -moz-box-align: center;
546 }
548 .update-available {
549 -moz-box-align: end;
550 }
552 .install-status-container {
553 -moz-box-pack: end;
554 -moz-box-align: end;
555 }
557 .name-outer-container {
558 -moz-box-pack: center;
559 }
561 .relnotes-toggle-container,
562 .icon-outer-container {
563 -moz-box-pack: start;
564 }
566 .status-container,
567 .control-container {
568 -moz-box-pack: end;
569 }
571 .addon-view .warning {
572 color: #916D15;
573 }
575 .addon-view .error {
576 color: #864441;
577 }
579 .addon-view .pending {
580 color: #1B7123;
581 }
583 .addon-view[pending="disable"] .pending,
584 .addon-view[pending="uninstall"] .pending {
585 color: #62666E;
586 }
588 .addon .relnotes-container {
589 -moz-box-align: start;
590 -moz-margin-start: 6px;
591 height: 0;
592 overflow: hidden;
593 opacity: 0;
594 transition-property: height, opacity;
595 transition-duration: 0.5s, 0.5s;
596 }
598 .addon[show-relnotes] .relnotes-container {
599 opacity: 1;
600 transition-property: height, opacity;
601 transition-duration: 0.5s, 0.5s;
602 }
604 .addon .relnotes-header {
605 font-weight: bold;
606 margin: 10px 0;
607 }
609 .addon .relnotes-toggle {
610 -moz-appearance: none;
611 border: none;
612 background: transparent;
613 font-weight: bold;
614 -moz-box-direction: reverse;
615 cursor: pointer;
616 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
617 }
619 .addon .relnotes-toggle > .button-box > .button-icon {
620 -moz-padding-start: 4px;
621 }
623 .addon[show-relnotes] .relnotes-toggle {
624 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
625 }
627 .addon[active="false"] {
628 background-color: rgba(135, 135, 135, 0.1);
629 background-image: linear-gradient(rgba(135, 135, 135, 0),
630 rgba(135, 135, 135, 0.1));
631 }
633 .addon-view[active="false"],
634 .addon-view[active="false"] .name-container {
635 color: #888A8B;
636 }
638 .addon-view[notification="warning"] {
639 background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"),
640 linear-gradient(rgba(255, 255, 0, 0.04),
641 rgba(255, 255, 0, 0));
642 background-repeat: repeat-x;
643 }
645 .addon-view[notification="error"] {
646 background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"),
647 linear-gradient(rgba(255, 0, 0, 0.04),
648 rgba(255, 0, 0, 0));
649 background-repeat: repeat-x;
650 }
652 .addon-view[pending="enable"],
653 .addon-view[pending="upgrade"],
654 .addon-view[pending="install"] {
655 background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"),
656 linear-gradient(rgba(0, 255, 0, 0.04),
657 rgba(0, 255, 0, 0));
658 background-repeat: repeat-x;
659 }
661 .addon-view[pending="disable"],
662 .addon-view[pending="uninstall"] {
663 background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"),
664 linear-gradient(rgba(128, 128, 128, 0.04),
665 rgba(128, 128, 128, 0));
666 background-repeat: repeat-x;
667 }
669 .addon[selected] {
670 background-color: rgba(148, 172, 204, 0.39);
671 color: black;
672 }
674 .addon[active="false"][selected] .name-container {
675 color: #3F3F3F;
676 }
679 /*** item - uninstalled ***/
681 .addon[status="uninstalled"] {
682 border: none;
683 }
685 .addon[status="uninstalled"] > .container {
686 -moz-box-align: center;
687 padding: 4px 20px;
688 background-color: #FDFFA8;
689 border-radius: 8px;
690 font-size: 120%;
691 }
693 .addon[status="uninstalled"][selected] {
694 background-color: transparent;
695 }
699 /*** search view ***/
701 #search-filter {
702 padding: 5px 20px;
703 font-size: 120%;
704 border-bottom: 1px solid #CAD4E0;
705 overflow-x: hidden;
706 }
708 #search-filter-label {
709 font-weight: bold;
710 color: grey;
711 }
713 .search-filter-radio {
714 -moz-appearance: none;
715 padding: 0 6px;
716 margin: 0 3px;
717 border-radius: 10000px;
718 }
720 .search-filter-radio[selected] {
721 background-color: grey;
722 color: white;
723 }
725 .search-filter-radio .radio-check-box1 {
726 display: none;
727 }
729 .search-filter-radio .radio-icon {
730 display: none;
731 }
733 #search-allresults-link {
734 margin-top: 1em;
735 margin-bottom: 2em;
736 }
738 /*** detail view ***/
740 #detail-view .loading {
741 opacity: 0;
742 }
744 #detail-view[loading-extended] .loading {
745 opacity: 1;
746 transition-property: opacity;
747 transition-duration: 1s;
748 }
750 .detail-view-container {
751 padding: 0 2em 2em 2em;
752 font-size: 110%;
753 }
755 #detail-notifications {
756 margin-top: 1em;
757 margin-bottom: 2em;
758 }
760 #detail-notifications .warning,
761 #detail-notifications .pending,
762 #detail-notifications .error {
763 -moz-margin-start: 0;
764 }
766 #detail-icon-container {
767 width: 64px;
768 -moz-margin-end: 10px;
769 margin-top: 6px;
770 }
772 #detail-icon {
773 max-width: 64px;
774 max-height: 64px;
775 }
777 #detail-summary {
778 margin-bottom: 2em;
779 }
781 #detail-name-container {
782 font-size: 200%;
783 }
785 #detail-screenshot {
786 -moz-margin-end: 2em;
787 max-width: 300px;
788 max-height: 300px;
789 }
791 #detail-screenshot[loading] {
792 background-image: url("chrome://global/skin/icons/loading_16.png"),
793 linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
794 background-position: 50% 50%;
795 background-repeat: no-repeat;
796 border-radius: 3px;
797 }
799 #detail-screenshot[loading="error"] {
800 background-image: url("chrome://global/skin/media/error.png"),
801 linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
802 }
804 #detail-desc-container {
805 margin-bottom: 2em;
806 }
808 #detail-desc, #detail-fulldesc {
809 -moz-margin-start: 6px;
810 /* This is necessary to fix layout issues with multi-line descriptions, see
811 bug 592712*/
812 outline: solid transparent;
813 white-space: pre-wrap;
814 min-width: 10em;
815 }
817 #detail-fulldesc {
818 margin-top: 1em;
819 }
821 #detail-contributions {
822 border-radius: 5px;
823 border: 1px solid #D2DBE8;
824 margin-bottom: 2em;
825 padding: 1em;
826 background-color: #F3F7FB;
827 }
829 #detail-contrib-description {
830 font-style: italic;
831 margin-bottom: 1em;
832 color: #373D48;
833 }
835 #detail-contrib-suggested {
836 color: grey;
837 font-weight: bold;
838 }
840 #detail-contrib-btn {
841 -moz-appearance: none;
842 color: #FFF;
843 border: 1px solid #3A4EEE;
844 border-radius: 3px;
845 list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
846 background-color: #2F73EF;
847 background-image: linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%,
848 rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1));
849 }
851 #detail-contrib-btn .button-box {
852 padding: 0 6px 1px 6px;
853 }
855 #detail-contrib-btn .button-icon {
856 -moz-margin-end: 3px;
857 }
859 #detail-contrib-btn:not(:active):hover {
860 border-color: #4271FF;
861 background-color: #0459F7;
862 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1),
863 0 0 3.5px hsl(190, 90%, 80%);
864 transition: background-color .4s ease-in,
865 border-color .3s ease-in,
866 box-shadow .3s ease-in;
867 }
869 #detail-contrib-btn:active:hover {
870 background-color: #8FA1C1;
871 border-color: rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.55) rgba(0, 0, 0, 0.5);
872 box-shadow: 0 0 6.5px rgba(0, 0, 0, 0.4) inset,
873 0 0 2px rgba(0, 0, 0, 0.4) inset,
874 0 1px 0 rgba(255, 255, 255, 0.4);
875 }
877 #detail-grid {
878 margin-bottom: 2em;
879 }
881 #detail-grid > columns > column:first-child {
882 min-width: 15em;
883 max-width: 25em;
884 }
886 .detail-row[first-row="true"],
887 .detail-row-complex[first-row="true"],
888 setting[first-row="true"] {
889 border-top: none;
890 }
892 .detail-row,
893 .detail-row-complex,
894 setting {
895 border-top: 2px solid;
896 -moz-border-top-colors: rgba(28, 31, 37, 0.1) rgba(255, 255, 255, 0.1);
897 -moz-box-align: center;
898 min-height: 30px;
899 }
901 #detail-controls {
902 margin-bottom: 1em;
903 }
905 #detail-view[active="false"]:not([pending]):not([notification]) {
906 background-image: linear-gradient(rgba(135, 135, 135, 0.1),
907 rgba(135, 135, 135, 0));
908 }
910 setting[first-row="true"] {
911 margin-top: 2em;
912 }
914 setting {
915 -moz-box-align: start;
916 }
918 .preferences-alignment {
919 min-height: 30px;
920 -moz-box-align: center;
921 }
923 .preferences-description {
924 font-size: 90.9%;
925 color: graytext;
926 margin-top: -2px;
927 -moz-margin-start: 2em;
928 white-space: pre-wrap;
929 }
931 .preferences-description:empty {
932 display: none;
933 }
935 setting[type="radio"] > radiogroup {
936 -moz-box-orient: horizontal;
937 }
939 menulist { /* Fixes some styling inconsistencies */
940 margin: 1px 5px 2px 5px;
941 }
943 /*** creator ***/
945 .creator > label {
946 -moz-margin-start: 0;
947 -moz-margin-end: 0;
948 }
950 .creator > .text-link {
951 margin-top: 1px;
952 margin-bottom: 1px;
953 }
956 /*** rating ***/
958 .meta-rating {
959 -moz-margin-end: 0;
960 padding-top: 2px;
961 }
963 .meta-rating > .star {
964 list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
965 padding: 0 1px;
966 }
968 .meta-rating > .star[on="true"] {
969 list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
970 }
973 /*** download progress ***/
975 .download-progress {
976 background-color: rgba(151,152,153,.05);
977 background-image: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0.47) 49%,
978 rgba(231, 232, 233, 0.45) 51%, rgba(225, 226, 229, 0.3));
979 background-clip: padding-box;
980 border-radius: 3px;
981 border: 1px solid;
982 border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.38);
983 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset,
984 0 0 0 2px rgba(255, 255, 255, 0.1) inset;
985 width: 200px;
986 height: 21px;
987 margin: 0 8px;
988 }
990 .download-progress[mode="undetermined"] {
991 border-color: #358942 #317F3D #2E773A;
992 }
994 .download-progress[mode="undetermined"] .status-container {
995 padding: 0 2px;
996 }
998 .download-progress .start-cap,
999 .download-progress[complete] .end-cap,
1000 .download-progress[mode="undetermined"] .end-cap,
1001 .download-progress .progress .progress-bar {
1002 -moz-appearance: none;
1003 background-image: linear-gradient(#92DDA0, #6FC483 49%, #5EB272 51%, #80CE91);
1004 margin-top: -1px;
1005 margin-bottom: -1px;
1006 border: 1px solid;
1007 border-color: #358942 #317F3D #2E773A;
1008 }
1010 .download-progress .start-cap {
1011 -moz-margin-start: -1px;
1012 -moz-border-end-width: 0;
1013 }
1015 .download-progress .end-cap {
1016 -moz-margin-end: -1px;
1017 -moz-border-start-width: 0px !important;
1018 }
1020 .download-progress .progress .progress-bar {
1021 border-left-width: 0;
1022 border-right-width: 0;
1023 min-height: 21px;
1024 }
1026 .download-progress .progress {
1027 -moz-appearance: none;
1028 background-color: transparent;
1029 padding: 0;
1030 margin: 0;
1031 border: none;
1032 }
1034 .download-progress .start-cap,
1035 .download-progress .end-cap {
1036 width: 4px;
1037 }
1039 .download-progress .start-cap:-moz-locale-dir(ltr),
1040 .download-progress .end-cap:-moz-locale-dir(rtl) {
1041 border-radius: 3px 0 0 3px;
1042 }
1044 .download-progress .end-cap:-moz-locale-dir(ltr),
1045 .download-progress .start-cap:-moz-locale-dir(rtl) {
1046 border-radius: 0 3px 3px 0;
1047 }
1049 .download-progress .cancel {
1050 -moz-appearance: none;
1051 background-color: rgba(255, 255, 255, 0.4);
1052 border: 1px solid rgba(0, 0, 0, 0.4);
1053 padding: 3px;
1054 border-radius: 3px;
1055 min-width: 0;
1056 margin: 3px;
1057 }
1059 .download-progress .cancel:hover {
1060 background-color: rgba(255, 255, 255, 0.6);
1061 border: 1px solid rgba(0, 0, 0, 0.8);
1062 }
1064 .download-progress .cancel:active:hover {
1065 box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 2px;
1066 }
1068 .download-progress .cancel .button-box {
1069 padding: 0;
1070 border: none;
1071 }
1073 .download-progress .cancel .button-text {
1074 display: none;
1075 }
1077 .download-progress .cancel .button-icon {
1078 -moz-margin-start: 0;
1079 }
1081 .download-progress .cancel {
1082 list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
1083 }
1085 .download-progress .status-container {
1086 -moz-box-align: center;
1087 }
1089 .download-progress .status {
1090 text-shadow: #FFF 0 0 2px;
1091 }
1093 /*** install status ***/
1095 .install-status {
1096 -moz-box-align: center;
1097 }
1100 /*** check for updates ***/
1102 #updates-container {
1103 -moz-box-align: center;
1104 }
1106 #updates-container .button-link {
1107 font-weight: bold;
1108 }
1110 #updates-installed,
1111 #updates-downloaded {
1112 color: #00BB00;
1113 font-weight: bold;
1114 }
1116 #update-selected {
1117 margin: 12px;
1118 }
1121 /*** buttons ***/
1123 .addon-control[disabled="true"] {
1124 display: none;
1125 }
1127 button.button-link {
1128 -moz-appearance: none;
1129 background: transparent;
1130 border: none;
1131 box-shadow: none;
1132 text-decoration: underline;
1133 color: #0066CC;
1134 cursor: pointer;
1135 min-width: 0;
1136 margin: 0 6px;
1137 }
1139 .text-link {
1140 color: #3386D5;
1141 }
1143 .button-link:hover,
1144 .text-link:hover {
1145 color: #3DA1FF;
1146 }
1148 /* Needed to override normal button style from inContent.css */
1149 button.button-link:not([disabled="true"]):active:hover {
1150 background: transparent;
1151 border: none;
1152 box-shadow: none;
1153 }
1155 .header-button {
1156 -moz-appearance: none;
1157 padding: 1px 3px;
1158 color: #444;
1159 text-shadow: 0 0 3px white;
1160 background: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%,
1161 rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3));
1162 background-clip: padding-box;
1163 border: 1px solid rgba(31, 64, 100, 0.4);
1164 border-top-color: rgba(31, 64, 100, 0.3);
1165 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset,
1166 0 0 2px 1px rgba(255, 255, 255, 0.25) inset;
1167 }
1169 %ifdef WINDOWS_AERO
1170 @media (-moz-os-version: windows-vista),
1171 (-moz-os-version: windows-win7) {
1172 %endif
1173 .header-button {
1174 border-radius: 2.5px;
1175 }
1176 %ifdef WINDOWS_AERO
1177 }
1178 %endif
1180 .header-button[disabled="true"] {
1181 opacity: 0.8;
1182 }
1184 .header-button[disabled="true"] > .toolbarbutton-icon {
1185 opacity: 0.4;
1186 }
1188 .header-button:not([disabled="true"]):active:hover,
1189 .header-button[open="true"] {
1190 background-color: rgba(61, 76, 92, 0.2);
1191 border-color: rgba(39, 53, 68, 0.5);
1192 box-shadow: 0 0 3px 1px rgba(39, 53, 68, 0.2) inset;
1193 }
1195 .header-button > .toolbarbutton-text {
1196 display: none;
1197 }
1199 /*** telemetry experiments ***/
1201 #detail-experiment-container {
1202 font-size: 80%;
1203 margin-bottom: 1em;
1204 }
1206 #detail-experiment-bullet-container,
1207 #detail-experiment-state,
1208 #detail-experiment-time,
1209 .experiment-bullet-container,
1210 .experiment-state,
1211 .experiment-time {
1212 vertical-align: middle;
1213 display: inline-block;
1214 }
1216 .addon .experiment-bullet,
1217 #detail-experiment-bullet {
1218 fill: rgb(158, 158, 158);
1219 }
1221 .addon[active="true"] .experiment-bullet,
1222 #detail-view[active="true"] #detail-experiment-bullet {
1223 fill: rgb(106, 201, 20);
1224 }
