toolkit/themes/osx/global/alerts/alert.css

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:89919cf16cf4
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 }

mercurial