toolkit/themes/linux/mozapps/extensions/extensions.css@6474c204b198
toolkit/themes/linux/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 /*** global warnings ***/
10 .global-warning-container {
11 overflow-x: hidden;
12 }
14 .global-warning {
15 -moz-box-align: center;
16 padding: 0 8px;
17 font-weight: bold;
18 }
20 .global-warning-text {
21 color: -moz-FieldText;
22 }
24 #addons-page[warning] .global-warning-container {
25 background-color: rgba(255, 255, 0, 0.1);
26 background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png");
27 background-repeat: repeat-x;
28 }
30 #detail-view .global-warning {
31 padding: 4px 12px;
32 border-bottom: 1px solid ThreeDShadow;
33 min-height: 41px;
34 }
36 @media (max-width: 600px) {
37 .global-warning-text {
38 display: none;
39 }
40 }
42 /* Plugins aren't yet disabled by safemode (bug 342333),
43 so don't show that warning when viewing plugins. */
44 #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
45 #addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
46 background-color: inherit;
47 background-image: none;
48 }
51 /*** notification icons ***/
53 .warning-icon {
54 list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
55 width: 16px;
56 height: 16px;
57 margin: 3px 0;
58 }
60 .error-icon {
61 list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
62 width: 16px;
63 height: 16px;
64 margin: 3px 0;
65 }
67 .pending-icon,
68 .info-icon {
69 list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
70 width: 16px;
71 height: 16px;
72 margin: 3px 0;
73 }
75 /*** view alert boxes ***/
77 .alert-container {
78 -moz-box-align: center;
79 }
81 .alert-spacer-before {
82 -moz-box-flex: 1;
83 }
85 .alert-spacer-after {
86 -moz-box-flex: 3;
87 }
89 .alert {
90 -moz-box-align: center;
91 padding: 10px;
92 font-size: 12px;
93 border: 1px solid ThreeDShadow;
94 border-radius: 8px;
95 color: WindowText;
96 background-color: Window;
97 background-clip: padding-box;
98 }
100 .alert .alert-title {
101 font-weight: bold;
102 font-size: 200%;
103 margin-bottom: 15px;
104 }
106 .alert button {
107 margin: 1em 2em;
108 }
110 .loading {
111 list-style-image: url("chrome://global/skin/icons/loading_16.png");
112 padding-left: 20px;
113 padding-right: 20px;
114 }
116 /*** category selector ***/
118 #categories {
119 -moz-appearance: none;
120 border: none;
121 -moz-margin-end: -1px;
122 background-color: transparent;
123 position: relative;
124 margin-top: 41px;
125 }
127 .category {
128 -moz-appearance: none;
129 border-width: 1px;
130 -moz-border-end-width: 0;
131 border-style: solid;
132 border-color: transparent;
133 padding: 10px 4px;
134 -moz-box-align: center;
135 overflow: hidden;
136 min-height: 0;
137 color: WindowText;
138 }
140 .category:-moz-locale-dir(ltr) {
141 border-top-left-radius: 5px;
142 border-bottom-left-radius: 5px;
143 }
145 .category:-moz-locale-dir(rtl) {
146 border-top-right-radius: 5px;
147 border-bottom-right-radius: 5px;
148 }
150 .category[disabled] {
151 border-top: 0;
152 border-bottom: 0;
153 height: 0;
154 opacity: 0;
155 transition-property: height, opacity;
156 transition-duration: 1s, 0.8s;
157 }
159 .category:not([disabled]) {
160 height: 52px;
161 transition-property: height, opacity;
162 transition-duration: 1s, 0.8s;
163 }
165 .category[selected] {
166 background-color: -moz-Field;
167 color: -moz-FieldText;
168 border-color: ThreeDShadow;
169 }
171 .category-name {
172 font-size: 150%;
173 }
175 /* Maximize the size of the viewport when the window is small */
176 @media (max-width: 800px) {
177 .category-name {
178 display: none;
179 }
180 }
182 .category-badge {
183 background-color: Highlight;
184 padding: 2px 8px;
185 margin: 6px 0;
186 border-radius: 10000px;
187 color: HighlightText;
188 font-weight: bold;
189 text-align: center;
190 }
192 .category-badge[value="0"] {
193 visibility: hidden;
194 }
196 .category-icon {
197 width: 32px;
198 height: 32px;
199 -moz-margin-start: 6px;
200 }
202 #category-search > .category-icon {
203 list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
204 }
205 #category-discover > .category-icon {
206 list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
207 }
208 #category-locale > .category-icon {
209 list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
210 }
211 #category-searchengine > .category-icon {
212 list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
213 }
214 #category-extension > .category-icon {
215 list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
216 }
217 #category-service > .category-icon {
218 list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
219 }
220 #category-theme > .category-icon {
221 list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
222 }
223 #category-plugin > .category-icon {
224 list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
225 }
226 #category-dictionary > .category-icon {
227 list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
228 }
229 #category-experiment > .category-icon {
230 list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
231 }
232 #category-availableUpdates > .category-icon {
233 list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
234 }
235 #category-recentUpdates > .category-icon {
236 list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
237 }
240 /*** header ***/
242 #header {
243 margin-bottom: 18px;
244 }
246 .nav-button {
247 min-width: 0;
248 }
250 #back-btn:-moz-locale-dir(ltr) {
251 list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar");
252 }
254 #forward-btn:-moz-locale-dir(ltr) {
255 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar");
256 }
258 #back-btn:-moz-locale-dir(rtl) {
259 list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar");
260 }
262 #forward-btn:-moz-locale-dir(rtl) {
263 list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar");
264 }
266 #back-btn[disabled="true"]:-moz-locale-dir(ltr) {
267 list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled");
268 }
270 #forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
271 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled");
272 }
274 #back-btn[disabled="true"]:-moz-locale-dir(rtl) {
275 list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled");
276 }
278 #forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
279 list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled");
280 }
282 #header-utils-btn {
283 min-width: 4.5em;
284 }
286 #header-utils-btn .toolbarbutton-icon {
287 list-style-image: url("moz-icon://stock/gtk-preferences?size=toolbar");
288 }
290 #header-utils-btn:-moz-focusring > .button-box {
291 border: none;
292 }
294 #header-search {
295 margin: 0;
296 }
298 @media (max-width: 600px) {
299 #header-search {
300 width: 12em;
301 }
302 }
304 .view-header {
305 padding: 4px;
306 margin: 0;
307 min-height: 41px;
308 background-color: ThreeDHighlight;
309 border-bottom: 1px solid ThreeDShadow;
310 }
313 /*** sorters ***/
315 .sort-controls {
316 -moz-appearance: none;
317 }
319 .sorter[checkState="1"] .button-icon {
320 display: -moz-box;
321 list-style-image: url("moz-icon://stock/gtk-sort-descending?size=16");
322 }
324 .sorter[checkState="2"] .button-icon {
325 display: -moz-box;
326 list-style-image: url("moz-icon://stock/gtk-sort-ascending?size=16");
327 }
330 /*** discover view ***/
332 .discover-spacer-before,
333 .discover-spacer-after {
334 -moz-box-flex: 1;
335 }
337 #discover-error .alert {
338 max-width: 45em;
339 -moz-box-flex: 1;
340 }
342 .discover-logo {
343 list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
344 -moz-margin-end: 15px;
345 }
347 .discover-title {
348 font-weight: bold;
349 font-size: 24px;
350 font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif;
351 margin: 0 0 15px 0;
352 }
354 .discover-description {
355 text-align: justify;
356 margin: 0 0 15px 0;
357 }
359 .discover-footer {
360 text-align: justify;
361 }
364 /*** list ***/
366 .list {
367 -moz-appearance: none;
368 margin: 0;
369 border: none;
370 background-color: transparent;
371 }
373 .addon {
374 border-bottom: 1px solid ThreeDLightShadow;
375 padding: 5px;
376 }
378 .addon[selected] .text-link,
379 .addon[selected] .button-link {
380 color: inherit;
381 }
383 .details {
384 cursor: pointer;
385 margin: 0;
386 -moz-margin-start: 10px;
387 }
389 .icon-container {
390 width: 48px;
391 height: 48px;
392 margin: 3px 7px;
393 -moz-box-align: center;
394 -moz-box-pack: center;
395 }
397 .icon {
398 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
399 max-width: 48px;
400 max-height: 48px;
401 }
403 .addon[active="false"] .icon {
404 filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale");
405 }
407 .addon-view[type="theme"] .icon {
408 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
409 }
411 .addon-view[type="locale"] .icon {
412 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
413 }
415 .addon-view[type="plugin"] .icon {
416 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
417 }
419 .addon-view[type="dictionary"] .icon {
420 list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
421 }
423 .addon-view[type="experiment"] .icon {
424 list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
425 }
427 .name-container {
428 font-size: 150%;
429 margin-bottom: 0;
430 font-weight: bold;
431 -moz-box-align: end;
432 -moz-box-flex: 1;
433 }
435 .creator {
436 font-weight: bold;
437 }
439 .addon-view[active="false"]:not([selected]) {
440 color: GrayText;
441 }
443 .description-container {
444 -moz-margin-start: 6px;
445 -moz-box-align: center;
446 }
448 .description {
449 margin: 0;
450 }
452 .warning,
453 .pending,
454 .error {
455 -moz-margin-start: 48px;
456 -moz-box-align: center;
457 }
459 .content-container,
460 .basicinfo-container {
461 -moz-box-align: start;
462 }
464 .addon[status="installing"] > .content-container {
465 -moz-box-align: stretch;
466 }
468 .advancedinfo-container,
469 .update-info-container {
470 -moz-box-align: center;
471 }
473 .update-available {
474 -moz-box-align: end;
475 }
477 .install-status-container {
478 -moz-box-pack: end;
479 -moz-box-align: end;
480 }
482 .name-outer-container {
483 -moz-box-pack: center;
484 }
486 .relnotes-toggle-container,
487 .icon-outer-container {
488 -moz-box-pack: start;
489 }
491 .status-container,
492 .control-container {
493 -moz-box-pack: end;
494 }
496 .addon-view:not([selected]) .warning {
497 color: #90792E;
498 }
500 .addon-view:not([selected]) .error {
501 color: #7C322B;
502 }
504 .addon-view:not([selected]) .pending {
505 color: #4F7939;
506 }
508 .addon[active="false"] {
509 background-image: linear-gradient(rgba(135, 135, 135, 0.2),
510 rgba(135, 135, 135, 0.1));
511 }
513 .addon-view[notification="warning"] {
514 background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"),
515 linear-gradient(rgba(255, 255, 0, 0.04),
516 rgba(255, 255, 0, 0));
517 background-repeat: repeat-x;
518 }
520 .addon-view[notification="error"] {
521 background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"),
522 linear-gradient(rgba(255, 0, 0, 0.04),
523 rgba(255, 0, 0, 0));
524 background-repeat: repeat-x;
525 }
527 .addon-view[pending="enable"],
528 .addon-view[pending="upgrade"],
529 .addon-view[pending="install"] {
530 background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"),
531 linear-gradient(rgba(0, 255, 0, 0.04),
532 rgba(0, 255, 0, 0));
533 background-repeat: repeat-x;
534 }
536 .addon-view[pending="disable"],
537 .addon-view[pending="uninstall"] {
538 background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"),
539 linear-gradient(rgba(128, 128, 128, 0.04),
540 rgba(128, 128, 128, 0));
541 background-repeat: repeat-x;
542 }
544 .addon .relnotes-container {
545 -moz-box-align: start;
546 height: 0;
547 overflow: hidden;
548 opacity: 0;
549 transition-property: height, opacity;
550 transition-duration: 0.5s, 0.5s;
551 }
553 .addon[show-relnotes] .relnotes-container {
554 opacity: 1;
555 transition-property: height, opacity;
556 transition-duration: 0.5s, 0.5s;
557 }
559 .addon .relnotes-header {
560 font-weight: bold;
561 margin: 10px 0;
562 }
564 .addon .relnotes-toggle {
565 -moz-appearance: none;
566 border: none;
567 background: transparent;
568 font-weight: bold;
569 cursor: pointer;
570 list-style-image: url("moz-icon://stock/gtk-go-down?size=16");
571 }
573 .addon .relnotes-toggle > .button-box > .button-icon {
574 display: -moz-box;
575 }
577 .addon[show-relnotes] .relnotes-toggle {
578 list-style-image: url("moz-icon://stock/gtk-go-up?size=16");
579 }
582 /*** search view ***/
584 #search-filter {
585 padding: 5px 20px;
586 font-size: 120%;
587 overflow-x: hidden;
588 border-bottom: 1px solid ThreeDShadow;
589 }
591 #search-filter-label {
592 font-weight: bold;
593 }
595 #search-allresults-link {
596 margin-top: 1em;
597 margin-bottom: 2em;
598 }
600 /*** detail view ***/
602 #detail-view[active="false"] .fade {
603 opacity: 0.6;
604 }
606 #detail-view .loading {
607 opacity: 0;
608 }
610 #detail-view[loading-extended] .loading {
611 -moz-box-align: center;
612 -moz-box-pack: center;
613 opacity: 1;
614 transition-property: opacity;
615 transition-duration: 1s;
616 }
618 .detail-view-container {
619 padding: 0 2em 2em 2em;
620 font-size: 110%;
621 }
623 #detail-notifications {
624 margin-top: 1em;
625 margin-bottom: 2em;
626 }
628 #detail-notifications .warning,
629 #detail-notifications .pending,
630 #detail-notifications .error {
631 -moz-margin-start: 0;
632 }
634 #detail-icon-container {
635 width: 64px;
636 -moz-margin-end: 10px;
637 }
639 #detail-icon {
640 max-width: 64px;
641 max-height: 64px;
642 }
644 #detail-summary {
645 margin-bottom: 2em;
646 }
648 #detail-name-container {
649 font-size: 200%;
650 }
652 #detail-screenshot {
653 -moz-margin-end: 2em;
654 max-width: 300px;
655 max-height: 300px;
656 }
658 #detail-screenshot[loading] {
659 background-image: url("chrome://global/skin/icons/loading_16.png");
660 background-position: 50% 50%;
661 background-repeat: no-repeat;
662 border: 1px threedshadow solid;
663 border-radius: 5px;
664 box-sizing: border-box;
665 }
667 #detail-screenshot[loading="error"] {
668 background-image: url("chrome://global/skin/media/error.png");
669 }
671 #detail-desc-container {
672 margin-bottom: 2em;
673 }
675 #detail-desc, #detail-fulldesc {
676 -moz-margin-start: 6px;
677 /* This is necessary to fix layout issues with multi-line descriptions, see
678 bug 592712*/
679 outline: solid transparent;
680 white-space: pre-wrap;
681 min-width: 10em;
682 }
684 #detail-fulldesc {
685 margin-top: 1em;
686 }
688 #detail-contributions {
689 border-radius: 5px;
690 border: 1px solid ThreeDShadow;
691 margin-bottom: 2em;
692 padding: 1em;
693 background: ThreeDHighlight;
694 }
696 #detail-contrib-description {
697 font-style: italic;
698 margin-bottom: 1em;
699 }
701 #detail-contrib-suggested {
702 color: GrayText;
703 }
705 #detail-grid {
706 margin-bottom: 2em;
707 }
709 #detail-grid > columns > column:first-child {
710 min-width: 15em;
711 max-width: 25em;
712 }
714 .detail-row[first-row="true"],
715 .detail-row-complex[first-row="true"],
716 setting[first-row="true"] {
717 border-top: none;
718 }
720 .detail-row,
721 .detail-row-complex,
722 setting {
723 border-top: 1px solid ThreeDShadow;
724 -moz-box-align: center;
725 min-height: 32px;
726 }
728 #detail-controls {
729 margin-bottom: 1em;
730 }
732 #detail-view[active="false"]:not([pending]):not([notification]) {
733 background-image: linear-gradient(rgba(135, 135, 135, 0.1),
734 rgba(135, 135, 135, 0));
735 }
737 setting[first-row="true"] {
738 margin-top: 2em;
739 }
741 setting {
742 -moz-box-align: start;
743 }
745 .preferences-alignment {
746 min-height: 32px;
747 -moz-box-align: center;
748 }
750 .preferences-description {
751 font-size: 90.9%;
752 color: graytext;
753 margin-top: -2px;
754 -moz-margin-start: 2em;
755 white-space: pre-wrap;
756 }
758 .preferences-description:empty {
759 display: none;
760 }
762 menulist { /* Fixes some styling inconsistencies */
763 font-size: 100%;
764 margin: 1px 5px 2px 5px;
765 }
767 colorpicker[type="button"] { /* Fixes some styling inconsistencies */
768 height: 29px;
769 margin: 1px 5px 2px 5px;
770 }
772 setting[type="radio"] > radiogroup {
773 -moz-box-orient: horizontal;
774 }
776 /*** creator ***/
778 .creator > label {
779 -moz-margin-start: 0;
780 -moz-margin-end: 0;
781 }
783 .creator > .text-link {
784 margin-top: 1px;
785 margin-bottom: 1px;
786 }
789 /*** rating ***/
791 .meta-rating {
792 -moz-margin-end: 0;
793 vertical-align: text-top;
794 }
796 .meta-rating[showrating="average"] > .star {
797 list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
798 padding: 0 1px;
799 }
801 .meta-rating[showrating="user"] > .star {
802 list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
803 padding: 2px 3px;
804 }
806 .meta-rating > .star[on="true"],
807 .meta-rating[showrating="user"] > .star[hover] {
808 list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
809 padding: 0 1px;
810 }
813 /*** download progress ***/
815 .download-progress {
816 width: 200px;
817 }
819 .download-progress .start-cap,
820 .download-progress .end-cap {
821 display: none;
822 }
824 .download-progress .progress {
825 padding: 0;
826 margin: 0;
827 border: none;
828 }
830 .download-progress .cancel {
831 -moz-appearance: none;
832 background-color: ButtonFace;
833 padding-bottom: 1px;
834 -moz-padding-start: 2px;
835 border-width: 1px;
836 border-style: solid;
837 border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
838 border-radius: 10000px;
839 min-width: 16px;
840 width: 16px;
841 height: 16px;
842 margin: 3px;
843 }
845 .download-progress .cancel:hover {
846 background-color: -moz-ButtonHoverFace;
847 }
849 .download-progress .cancel {
850 list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
851 }
853 .download-progress .status-container {
854 -moz-box-align: center;
855 }
858 /*** install status ***/
860 .install-status {
861 -moz-box-align: center;
862 }
865 /*** check for updates ***/
867 #updates-container {
868 -moz-box-align: center;
869 }
871 #updates-installed,
872 #updates-downloaded {
873 font-weight: bold;
874 }
876 #update-selected {
877 margin: 12px;
878 }
881 /*** buttons ***/
883 .addon-control[disabled="true"] {
884 display: none;
885 }
887 .addon-control.enable {
888 list-style-image: url("moz-icon://stock/gtk-yes?size=button");
889 }
891 .addon-control.disable {
892 list-style-image: url("moz-icon://stock/gtk-no?size=button");
893 }
895 .addon-control.remove {
896 list-style-image: url("moz-icon://stock/gtk-remove?size=button");
897 }
899 .addon-control.preferences {
900 list-style-image: url("moz-icon://stock/gtk-preferences?size=button");
901 }
903 .addon-control.install,
904 .addon-control.update {
905 list-style-image: url("moz-icon://stock/gtk-save?size=button");
906 }
908 .button-link {
909 -moz-appearance: none;
910 background: transparent;
911 border: none;
912 text-decoration: underline;
913 color: -moz-nativehyperlinktext;
914 cursor: pointer;
915 min-width: 0;
916 margin: 0 6px;
917 }
919 .button-link:active {
920 color: -moz-activehyperlinktext;
921 }
923 .header-button .toolbarbutton-text {
924 display: none;
925 }
927 /*** telemetry experiments ***/
929 #detail-experiment-container {
930 font-size: 80%;
931 margin-bottom: 1em;
932 }
934 #detail-experiment-bullet-container,
935 #detail-experiment-state,
936 #detail-experiment-time,
937 .experiment-bullet-container,
938 .experiment-state,
939 .experiment-time {
940 vertical-align: middle;
941 display: inline-block;
942 }
944 .addon .experiment-bullet,
945 #detail-experiment-bullet {
946 fill: rgb(158, 158, 158);
947 }
949 .addon[active="true"] .experiment-bullet,
950 #detail-view[active="true"] #detail-experiment-bullet {
951 fill: rgb(106, 201, 20);
952 }
