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