876a6b1250c664017c72f763f830a26021ebb1c5
[themes.git] / alert.css
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/. */
4
5 /* ===== alert.css =====================================================
6   == Styles specific to the alerts dialog.
7   ======================================================================= */
8
9 @import url("chrome://global/skin/");
10
11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
12
13 .alertBox {
14   border: 1px solid #9C9CFF;
15   border-radius: 3px;
16   background-color: #000000;
17 }
18
19 .alertImageBox {
20   padding: 8px 0;
21   width: 64px;
22   -moz-border-end: 1px solid #9C9CFF;
23 }
24
25 .alertTextBox {
26   padding: 8px;
27   -moz-padding-start: 16px;
28   width: 255px;
29 }
30
31 .alertTextBox,
32 .alertCloseBox {
33 }
34
35 .alertBox[orient="horizontal"] > .alertImageBox {
36   -moz-margin-end: 8px;
37 }
38
39 .alertBox[orient="vertical"] > .alertImageBox {
40   margin-bottom: 8px;
41 }
42
43 #alertNotification[clickable="true"]:hover .alertTextBox,
44 #alertNotification[clickable="true"]:hover .alertCloseBox {
45 /*  background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3));*/
46 }
47
48 .alertTitle {
49   font-weight: bold;
50   font-size: 110%;
51 }
52
53 #alertImage {
54   max-width: 48px;
55   max-height: 48px;
56   list-style-image: url("chrome://global/skin/alerts/notification-48.png");
57 }
58
59 #alertNotification[clickable="true"] {
60   cursor: pointer;
61 }
62
63 label {
64   cursor: inherit;
65 }
66
67 @keyframes alert-animation {
68   from {
69     opacity: 0;
70   }
71   6.25% {
72     opacity: 1;
73   }
74   93.75% {
75     opacity: 1;
76   }
77   to {
78     opacity: 0;
79   }
80 }
81
82 .alertCloseButton {
83   list-style-image: url("chrome://global/skin/icons/close.png");
84   -moz-image-region: rect(0, 16px, 16px, 0);
85   padding: 4px 2px;
86 }
87
88 .alertCloseButton:hover,
89 .alertCloseButton:hover:active {
90   -moz-image-region: rect(0, 32px, 16px, 16px);
91 }