some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / alert.css
... / ...
CommitLineData
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.alertBox {
14 border: 1px solid #9C9CFF;
15 border-radius: 3px;
16 background-color: #000000;
17}
18
19.alertImageBox {
20 padding: 8px 0;
21 width: 64px;
22 -moz-border-end: 1px solid #9C9CFF;
23}
24
25.alertTextBox {
26 padding: 8px;
27 -moz-padding-start: 16px;
28 width: 255px;
29}
30
31.alertTextBox,
32.alertCloseBox {
33}
34
35.alertBox[orient="horizontal"] > .alertImageBox {
36 -moz-margin-end: 8px;
37}
38
39.alertBox[orient="vertical"] > .alertImageBox {
40 margin-bottom: 8px;
41}
42
43#alertNotification[clickable="true"]:hover .alertTextBox,
44#alertNotification[clickable="true"]:hover .alertCloseBox {
45/* background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3));*/
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
63label {
64 cursor: inherit;
65}
66
67@keyframes alert-animation {
68 from {
69 opacity: 0;
70 }
71 6.25% {
72 opacity: 1;
73 }
74 93.75% {
75 opacity: 1;
76 }
77 to {
78 opacity: 0;
79 }
80}
81
82.alertCloseButton {
83 list-style-image: url("chrome://global/skin/icons/close.png");
84 -moz-image-region: rect(0, 16px, 16px, 0);
85 padding: 4px 2px;
86}
87
88.alertCloseButton:hover,
89.alertCloseButton:hover:active {
90 -moz-image-region: rect(0, 32px, 16px, 16px);
91}