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