Commit | Line | Data |
---|---|---|
df8c26c4 RK |
1 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
2 | ||
3 | notification { | |
df8c26c4 | 4 | color: #000000; |
21c0144b | 5 | background-color : #FFFFCC; |
3b1530c2 | 6 | text-shadow: none; |
df8c26c4 RK |
7 | } |
8 | ||
9 | notification[type="info"] { | |
d0ff98fe | 10 | color: #000000; |
21c0144b | 11 | background-color: #CCD0DD; |
df8c26c4 RK |
12 | } |
13 | ||
14 | notification[type="critical"] { | |
d0ff98fe | 15 | color: #000000; |
21c0144b RK |
16 | background-color: #FFC0C0; |
17 | } | |
18 | ||
19 | .messageText > .text-link { | |
20 | color: inherit !important; | |
21 | text-decoration: underline; | |
df8c26c4 RK |
22 | } |
23 | ||
24 | .messageImage { | |
25 | width: 16px; | |
26 | height: 16px; | |
02920d2b RK |
27 | margin-top: 0px; |
28 | margin-bottom: 0px; | |
dae45075 RK |
29 | margin-inline-start: 6px; |
30 | margin-inline-end: 1px; | |
df8c26c4 RK |
31 | } |
32 | ||
6daee013 RK |
33 | /* Default icons for notifications */ |
34 | ||
c60d23d2 | 35 | .messageImage[type="info"] { |
dbad77ea | 36 | list-style-image: url("chrome://global/skin/icons/info.svg"); |
6daee013 | 37 | } |
c60d23d2 RK |
38 | |
39 | .messageImage[type="warning"] { | |
6daee013 RK |
40 | list-style-image: url("chrome://global/skin/icons/warning-16.png"); |
41 | } | |
42 | ||
c60d23d2 | 43 | .messageImage[type="critical"] { |
6daee013 RK |
44 | list-style-image: url("chrome://global/skin/icons/error-16.png"); |
45 | } | |
46 | ||
df8c26c4 RK |
47 | .messageCloseButton { |
48 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
49 | padding: 4px 2px; | |
50 | border: none; | |
51 | } | |
ca710c53 RK |
52 | |
53 | .messageCloseButton > .toolbarbutton-icon { | |
dae45075 | 54 | margin-inline-start: 5px; |
ca710c53 | 55 | } |
e1313d59 | 56 | |
0282321d RK |
57 | /* === BEGIN popupnotification.inc.css === */ |
58 | ||
59 | .popup-notification-body-container { | |
60 | padding: var(--arrowpanel-padding); | |
61 | } | |
62 | ||
63 | .popup-notification-icon { | |
64 | width: 32px; | |
65 | height: 32px; | |
66 | margin-inline-end: var(--arrowpanel-padding); | |
67 | } | |
e1313d59 | 68 | |
f0a62060 | 69 | .popup-notification-body { |
0282321d RK |
70 | width: 25em; |
71 | } | |
72 | ||
73 | .popup-notification-closebutton { | |
74 | margin-inline-end: -8px; | |
75 | margin-top: -8px; | |
e1313d59 RK |
76 | } |
77 | ||
f0a62060 | 78 | .popup-notification-origin:not([value]), |
1783ea50 RK |
79 | .popup-notification-learnmore-link:not([href]) { |
80 | display: none; | |
81 | } | |
82 | ||
f0a62060 | 83 | .popup-notification-origin { |
da3c2755 RK |
84 | margin-bottom: .3em !important; |
85 | } | |
86 | ||
87 | .popup-notification-learnmore-link { | |
88 | margin-top: .5em !important; | |
89 | } | |
90 | ||
9abeb12c | 91 | .popup-notification-button-container { |
0282321d RK |
92 | background-color: var(--arrowpanel-dimmed); |
93 | display: flex; | |
e1313d59 RK |
94 | } |
95 | ||
0282321d RK |
96 | .popup-notification-button-container > toolbarseparator { |
97 | -moz-appearance: none; | |
98 | border: 0; | |
99 | border-left: 1px solid var(--panel-separator-color); | |
100 | margin: 7px 0 7px; | |
101 | min-width: 0; | |
8a933f1e RK |
102 | } |
103 | ||
0282321d RK |
104 | .popup-notification-button-container:hover > toolbarseparator { |
105 | margin: 0; | |
106 | } | |
107 | ||
108 | .popup-notification-button { | |
109 | flex: 1; | |
110 | -moz-appearance: none; | |
111 | background-color: transparent; | |
112 | color: inherit; | |
113 | margin: 0; | |
114 | padding: 0; | |
115 | min-width: 0; | |
116 | min-height: 41px; | |
117 | border: none; | |
118 | /* border-top: 1px solid var(--panel-separator-color);*/ | |
119 | } | |
120 | ||
121 | .popup-notification-button:hover:not([disabled]) { | |
122 | /* background-color: var(--arrowpanel-dimmed);*/ | |
123 | } | |
124 | ||
125 | .popup-notification-button:hover:active:not([disabled]) { | |
126 | /* background-color: var(--arrowpanel-dimmed-further); | |
127 | box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;*/ | |
128 | } | |
129 | ||
130 | .popup-notification-button[disabled] { | |
131 | /* background-color: var(--arrowpanel-dimmed-further); | |
132 | color: graytext;*/ | |
133 | } | |
134 | ||
135 | .popup-notification-button[default] { | |
136 | flex: 0 50%; | |
137 | } | |
138 | ||
139 | .popup-notification-button[default]:not([disabled]) { | |
140 | /* background-color: #0996f8; | |
141 | color: white;*/ | |
142 | } | |
143 | ||
144 | .popup-notification-button[default]:hover:not([disabled]) { | |
145 | /* background-color: #0675d3;*/ | |
146 | } | |
147 | ||
148 | .popup-notification-button[default]:hover:active:not([disabled]) { | |
149 | /* background-color: #0568ba;*/ | |
150 | } | |
151 | ||
152 | .popup-notification-button[anonid="secondarybutton"][hidden="true"] ~ .popup-notification-button[default] { | |
153 | flex: 1; | |
154 | } | |
155 | ||
156 | .popup-notification-button > .button-box { | |
157 | padding: 0; | |
158 | margin: 0; | |
159 | /* prevent double border on windows when focused */ | |
160 | border: none; | |
161 | } | |
162 | ||
163 | .popup-notification-dropmarker { | |
164 | flex: none; | |
165 | padding: 0 15px; | |
166 | } | |
167 | ||
168 | .popup-notification-dropmarker > .button-box > hbox { | |
169 | display: none; | |
170 | } | |
171 | ||
172 | .popup-notification-dropmarker > .button-box > .button-menu-dropmarker { | |
173 | /* This is to override the linux !important */ | |
174 | -moz-appearance: none !important; | |
175 | display: -moz-box; | |
176 | padding: 0; | |
177 | margin: 0; | |
178 | } | |
179 | ||
180 | .popup-notification-dropmarker > .button-box > .button-menu-dropmarker > .dropmarker-icon { | |
181 | width: 16px; | |
182 | height: 16px; | |
183 | list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg); | |
dbad77ea | 184 | -moz-context-properties: fill; |
0282321d RK |
185 | fill: currentColor; |
186 | } | |
187 | ||
188 | /* === END popupnotification.inc.css === */ | |
189 | ||
190 | .popup-notification-button:-moz-focusring { | |
191 | outline: 1px -moz-dialogtext dotted; | |
192 | outline-offset: -1px; | |
193 | } | |
194 | ||
195 | /* Override default icon size which is too small for this dropdown */ | |
196 | .popup-notification-dropmarker > .button-box > .button-menu-dropmarker { | |
197 | width: 16px; | |
198 | height: 16px; | |
e1313d59 | 199 | } |
f0a62060 | 200 | |
0282321d RK |
201 | @media (-moz-windows-default-theme) { |
202 | /* Swap the default and secondary action, because Windows | |
203 | * platform conventions put the default action on the left. */ | |
204 | .popup-notification-button[default] { | |
205 | order: -1; | |
206 | } | |
f0a62060 | 207 | } |