|
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 #alertNotification { |
|
14 -moz-appearance: none; |
|
15 background: transparent; |
|
16 } |
|
17 |
|
18 .alertBox { |
|
19 border-radius: 5px; |
|
20 overflow: hidden; |
|
21 background-color: rgba(240,240,240,0.93); |
|
22 box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3); |
|
23 } |
|
24 |
|
25 .alertImageBox { |
|
26 padding: 8px 0; |
|
27 width: 64px; |
|
28 background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.6)); |
|
29 -moz-border-end: 1px solid rgba(0,0,0,.08); |
|
30 } |
|
31 |
|
32 .alertTitle, |
|
33 .alertTextBox { |
|
34 text-shadow: 0 1px white; |
|
35 } |
|
36 |
|
37 .alertTextBox { |
|
38 padding: 8px; |
|
39 -moz-padding-start: 16px; |
|
40 width: 255px; |
|
41 } |
|
42 |
|
43 .alertTextBox, |
|
44 .alertCloseBox { |
|
45 background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.1)); |
|
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 .alertText[clickable="true"] { |
|
68 color: -moz-nativehyperlinktext; |
|
69 text-decoration: underline; |
|
70 } |
|
71 |
|
72 .alertText[clickable="true"]:hover:active { |
|
73 color: -moz-activehyperlinktext; |
|
74 } |
|
75 |
|
76 @keyframes alert-animation { |
|
77 from { |
|
78 opacity: 0; |
|
79 } |
|
80 6.25% { |
|
81 opacity: 1; |
|
82 } |
|
83 93.75% { |
|
84 opacity: 1; |
|
85 } |
|
86 to { |
|
87 opacity: 0; |
|
88 } |
|
89 } |
|
90 |
|
91 .alertCloseButton { |
|
92 -moz-appearance: none; |
|
93 padding: 0; |
|
94 margin: 2px; |
|
95 border: none; |
|
96 } |
|
97 |
|
98 .alertCloseButton > .toolbarbutton-text { |
|
99 display: none; |
|
100 } |