first part of syncing LCARStrek with Firefox 36 windows theme changes
[themes.git] / LCARStrek / global / notification.css
1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2
3 notification {
4   background-color : #FFCF00;
5   color: #000000;
6   text-shadow: none;
7   border-radius: 8px;
8 }
9
10 notification[type="info"] {
11   background-color: #9C9CFF;
12   color: #000000;
13 }
14
15 notification[type="critical"] {
16   background-color: #FF0000;
17   color: #000000;
18 }
19
20 .messageImage {
21   width: 16px;
22   height: 16px;
23 }
24
25 /* Default icons for notifications */
26
27 .messageImage[type="info"] {
28   list-style-image: url("chrome://global/skin/icons/information-16.png");
29 }
30
31 .messageImage[type="warning"] {
32   list-style-image: url("chrome://global/skin/icons/warning-16.png");
33 }
34
35 .messageImage[type="critical"] {
36   list-style-image: url("chrome://global/skin/icons/error-16.png");
37 }
38
39 .notification-inner {
40   -moz-margin-start: 8px;
41   -moz-margin-end: 12px;
42 }
43
44 .messageCloseButton {
45   list-style-image: url("chrome://global/skin/icons/close-button.gif");
46   padding: 4px 2px;
47   border: none;
48 }
49
50 .messageCloseButton:hover,
51 .messageCloseButton:hover:active {
52   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
53 }
54
55 .messageCloseButton > .toolbarbutton-icon {
56   -moz-margin-start: 2px;
57 }
58
59 /* Popup notification */
60
61 .popup-notification-description {
62   max-width: 24em;
63 }
64
65 .popup-notification-learnmore-link {
66   margin-top: 1em !important;
67 }
68
69 .popup-notification-learnmore-link:not([href]) {
70   display: none;
71 }
72
73 .popup-notification-button-container {
74   margin-top: 17px;
75 }
76
77 .popup-notification-closebutton {
78   -moz-margin-end: -5px;
79   margin-top: -5px;
80 }
81
82 .popup-notification-closeitem {
83   list-style-image: url("chrome://global/skin/icons/close-button.gif");
84 }