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 | ||
e181d49e | 30 | .alertBox[orient="horizontal"] > .alertImageBox { |
54628835 | 31 | -moz-margin-end: 8px; |
c3af6803 | 32 | } |
33 | ||
e181d49e | 34 | .alertBox[orient="vertical"] > .alertImageBox { |
54628835 | 35 | margin-bottom: 8px; |
c3af6803 | 36 | } |
37 | ||
e181d49e RK |
38 | .alertTitle { |
39 | font-weight: bold; | |
54628835 | 40 | font-size: 110%; |
e181d49e | 41 | } |
c3af6803 | 42 | |
71a617ff RK |
43 | #alertImage { |
44 | max-width: 48px; | |
45 | max-height: 48px; | |
46 | } | |
47 | ||
18f5421a | 48 | #alertNotification[clickable="true"] { |
e181d49e | 49 | cursor: pointer; |
18f5421a RK |
50 | } |
51 | ||
52 | label { | |
53 | cursor: inherit; | |
54 | } | |
55 | ||
56 | .alertText[clickable="true"] { | |
e181d49e RK |
57 | color: blue; |
58 | text-decoration: underline; | |
c3af6803 | 59 | } |
60 | ||
e181d49e RK |
61 | .alertText[clickable="true"]:hover:active { |
62 | color: red; | |
63 | } | |
c3af6803 | 64 | |
54628835 RK |
65 | @keyframes alert-animation { |
66 | from { | |
67 | opacity: 0; | |
68 | } | |
69 | 6.25% { | |
70 | opacity: 1; | |
71 | } | |
72 | 93.75% { | |
73 | opacity: 1; | |
74 | } | |
75 | to { | |
76 | opacity: 0; | |
77 | } | |
c3af6803 | 78 | } |