blob: 7f42cf29391a2401ef66c5ec22fdeaf13b4e1715 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@namespace html url("http://www.w3.org/1999/xhtml");
notification[value="translation"] .messageImage {
list-style-image: url(chrome://browser/skin/translation-16.png) !important;
-moz-image-region: rect(0, 32px, 16px, 16px);
}
@media (min-resolution: 1.25dppx) {
notification[value="translation"] .messageImage {
list-style-image: url(chrome://browser/skin/translation-16@2x.png) !important;
-moz-image-region: rect(0, 64px, 32px, 32px);
}
}
notification[value="translation"][state="translating"] .messageImage {
list-style-image: url(chrome://browser/skin/translating-16.png) !important;
-moz-image-region: auto;
}
@media (min-resolution: 1.25dppx) {
notification[value="translation"][state="translating"] .messageImage {
list-style-image: url(chrome://browser/skin/translating-16@2x.png) !important;
}
}
notification[value="translation"] hbox[anonid="details"] {
overflow: hidden;
}
notification[value="translation"] menulist::part(dropmarker) {
display: -moz-box;
appearance: none;
width: 12px;
height: 12px;
}
notification[value="translation"] menulist::part(dropmarker-icon) {
list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
-moz-context-properties: fill;
fill: currentColor;
}
notification[value="translation"] menulist > menupopup {
margin: 0; /* override popup.css */
}
.translation-attribution {
cursor: pointer;
-moz-box-align: end;
font-size: small;
padding-block: 5px;
}
.translation-attribution > label {
margin-bottom: 0;
}
.translation-attribution > image {
width: 70px;
}
.translation-welcome-panel {
width: 305px;
}
.translation-welcome-panel::part(content) {
/* Prevent from stretching logo height */
-moz-box-align: start;
}
.translation-welcome-logo {
height: 32px;
width: 32px;
list-style-image: url(chrome://browser/skin/translation-16@2x.png);
-moz-image-region: rect(0, 64px, 32px, 32px);
}
.translation-welcome-content {
margin-inline-start: 16px;
}
.translation-welcome-headline {
font-size: larger;
font-weight: bold;
margin-inline-start: 0;
}
.translation-welcome-body {
padding: 1em 0;
margin: 0 0;
}
|
