toolkit/themes/windows/global/notification.css@b8a032363ba2
toolkit/themes/windows/global/notification.css
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
7 notification {
8 background-color: InfoBackground;
9 color: InfoText;
10 text-shadow: none;
11 }
13 notification[type="info"] {
14 background-color: -moz-Dialog;
15 color: -moz-DialogText;
16 }
18 notification[type="critical"] {
19 background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0));
20 color: white;
21 }
23 .messageImage {
24 width: 16px;
25 height: 16px;
26 -moz-margin-start: 6px;
27 -moz-margin-end: 1px;
28 }
30 /* Default icons for notifications */
32 .messageImage[type="info"] {
33 list-style-image: url("chrome://global/skin/icons/information-16.png");
34 }
36 .messageImage[type="warning"] {
37 list-style-image: url("chrome://global/skin/icons/warning-16.png");
38 }
40 .messageImage[type="critical"] {
41 list-style-image: url("chrome://global/skin/icons/error-16.png");
42 }
44 .messageCloseButton {
45 -moz-appearance: none;
46 padding: 4px 2px;
47 border: none !important;
48 }
50 .messageCloseButton > .toolbarbutton-icon {
51 -moz-margin-end: 5px;
52 }
54 /* Popup notification */
56 .popup-notification-description {
57 max-width: 24em;
58 }
60 .popup-notification-learnmore-link {
61 margin-top: 1em !important;
62 }
64 .popup-notification-learnmore-link:not([href]) {
65 display: none;
66 }
68 .popup-notification-button-container {
69 margin-top: 17px;
70 }
72 %ifdef XP_WIN
73 /*
74 XXX: apply styles to all themes until bug 509642 is fixed
75 @media (-moz-windows-default-theme) {
76 */
77 .popup-notification-menubutton {
78 -moz-appearance: none;
79 border-radius: 3px;
80 padding: 0;
81 %ifndef WINDOWS_AERO
82 background-color: rgba(250,250,250,.3);
83 %endif
84 }
86 .popup-notification-menubutton:hover:active {
87 border-color: rgba(0,0,0,.5);
88 }
90 .popup-notification-menubutton:not([type="menu-button"]),
91 .popup-notification-menubutton > .button-menubutton-button,
92 .popup-notification-menubutton > .button-menubutton-dropmarker {
93 -moz-appearance: none;
94 margin: 0;
95 border: 1px solid rgba(0,0,0,.35);
96 %ifdef WINDOWS_AERO
97 background-image: linear-gradient(rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05));
98 box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset;
99 %else
100 box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
101 0 2px 2px rgba(255,255,255,.35) inset,
102 0 -1px 2px rgba(0,0,0,.1) inset,
103 0 1px 0 rgba(255,255,255,.35);
104 %endif
105 }
107 .popup-notification-menubutton > .button-menubutton-button {
108 background-color: transparent;
109 padding: 1px;
110 -moz-border-end: none;
111 }
113 .popup-notification-menubutton:not([type="menu-button"]),
114 .popup-notification-menubutton > .button-menubutton-button > .button-box {
115 -moz-padding-start: 8px;
116 -moz-padding-end: 5px;
117 }
119 .popup-notification-menubutton > .button-menubutton-dropmarker {
120 padding: 9px 5px 8px;
121 width: auto;
122 height: auto;
123 list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif");
124 }
126 .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker {
127 outline: 1px dotted ThreeDDarkShadow;
128 outline-offset: -3px;
129 }
131 %ifdef WINDOWS_AERO
132 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
133 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
134 border-radius: 2px 0 0 2px;
135 }
137 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),
138 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
139 border-radius: 0 2px 2px 0;
140 }
141 %endif
143 .popup-notification-menubutton:not([type="menu-button"]):hover,
144 .popup-notification-menubutton > .button-menubutton-button:hover,
145 .popup-notification-menubutton > .button-menubutton-dropmarker:hover {
146 %ifdef WINDOWS_AERO
147 background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
148 box-shadow: 0 0 0 1px white inset,
149 0 0 2px 1px rgba(255,255,255,.75) inset;
150 %else
151 background-color: rgba(250,250,250,.6);
152 %endif
153 }
155 .popup-notification-menubutton:not([type="menu-button"]):hover:active,
156 .popup-notification-menubutton > .button-menubutton-button:hover:active,
157 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
158 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
159 %ifdef WINDOWS_AERO
160 background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
161 %else
162 background-color: rgba(0,0,0,.05);
163 %endif
164 box-shadow: 0 0 2px rgba(0,0,0,.65) inset;
165 }
166 /*}*/
167 %endif
169 .popup-notification-closebutton {
170 -moz-margin-end: -14px;
171 margin-top: -10px;
172 }
