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 | ||
e181d49e RK |
42 | .alertTitle { |
43 | font-weight: bold; | |
54628835 | 44 | font-size: 110%; |
e181d49e | 45 | } |
c3af6803 | 46 | |
71a617ff RK |
47 | #alertImage { |
48 | max-width: 48px; | |
49 | max-height: 48px; | |
89eb2c89 | 50 | list-style-image: url("chrome://global/skin/alerts/notification-48.png"); |
71a617ff RK |
51 | } |
52 | ||
18f5421a | 53 | #alertNotification[clickable="true"] { |
e181d49e | 54 | cursor: pointer; |
18f5421a RK |
55 | } |
56 | ||
57 | label { | |
58 | cursor: inherit; | |
59 | } | |
60 | ||
61 | .alertText[clickable="true"] { | |
e181d49e RK |
62 | color: blue; |
63 | text-decoration: underline; | |
c3af6803 | 64 | } |
65 | ||
e181d49e RK |
66 | .alertText[clickable="true"]:hover:active { |
67 | color: red; | |
68 | } | |
c3af6803 | 69 | |
54628835 RK |
70 | @keyframes alert-animation { |
71 | from { | |
72 | opacity: 0; | |
73 | } | |
74 | 6.25% { | |
75 | opacity: 1; | |
76 | } | |
77 | 93.75% { | |
78 | opacity: 1; | |
79 | } | |
80 | to { | |
81 | opacity: 0; | |
82 | } | |
c3af6803 | 83 | } |
89eb2c89 RK |
84 | |
85 | .alertCloseButton { | |
86 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
87 | padding: 4px 2px; | |
88 | } | |
89 | ||
90 | .alertCloseButton > .toolbarbutton-text { | |
91 | display: none; | |
92 | } |