projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
sync both themes with suite classic theme changes in SeaMonkey 2.35 cycle
[themes.git]
/
LCARStrek
/
global
/
alerts
/
alert.css
diff --git
a/LCARStrek/global/alerts/alert.css
b/LCARStrek/global/alerts/alert.css
index 13b8d674ebbbc79532909e0a98fac7a0354aaf69..876a6b1250c664017c72f763f830a26021ebb1c5 100644
(file)
--- a/
LCARStrek/global/alerts/alert.css
+++ b/
LCARStrek/global/alerts/alert.css
@@
-11,34
+11,49
@@
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.alertBox {
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.alertBox {
- border: 2px solid #9C9CFF;
+ border: 1px solid #9C9CFF;
+ border-radius: 3px;
background-color: #000000;
background-color: #000000;
- min-height: 50px;
+}
+
+.alertImageBox {
+ padding: 8px 0;
+ width: 64px;
+ -moz-border-end: 1px solid #9C9CFF;
+}
+
+.alertTextBox {
+ padding: 8px;
+ -moz-padding-start: 16px;
+ width: 255px;
+}
+
+.alertTextBox,
+.alertCloseBox {
}
.alertBox[orient="horizontal"] > .alertImageBox {
}
.alertBox[orient="horizontal"] > .alertImageBox {
- -moz-margin-start: 4px;
- -moz-margin-end: 6px;
- min-height: 46px;
+ -moz-margin-end: 8px;
}
.alertBox[orient="vertical"] > .alertImageBox {
}
.alertBox[orient="vertical"] > .alertImageBox {
- margin-top: 6px;
- margin-bottom: 4px;
- min-width: 46px;
+ margin-bottom: 8px;
+}
+
+#alertNotification[clickable="true"]:hover .alertTextBox,
+#alertNotification[clickable="true"]:hover .alertCloseBox {
+/* background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3));*/
}
.alertTitle {
font-weight: bold;
}
.alertTitle {
font-weight: bold;
+ font-size: 110%;
}
#alertImage {
max-width: 48px;
max-height: 48px;
}
#alertImage {
max-width: 48px;
max-height: 48px;
-}
-
-.alertText {
- -moz-margin-end: 6px;
+ list-style-image: url("chrome://global/skin/alerts/notification-48.png");
}
#alertNotification[clickable="true"] {
}
#alertNotification[clickable="true"] {
@@
-49,23
+64,28
@@
label {
cursor: inherit;
}
cursor: inherit;
}
-.alertText[clickable="true"] {
- color: blue;
- text-decoration: underline;
+@keyframes alert-animation {
+ from {
+ opacity: 0;
+ }
+ 6.25% {
+ opacity: 1;
+ }
+ 93.75% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
}
}
-.alertText[clickable="true"]:hover:active {
- color: red;
+.alertCloseButton {
+ list-style-image: url("chrome://global/skin/icons/close.png");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+ padding: 4px 2px;
}
}
-.alertBox[orient="horizontal"] > .alertTextBox {
- -moz-padding-end: 10px;
- padding-top: 5px;
-}
-
-.alertBox[orient="vertical"] > .alertTextBox {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- margin-bottom: 8px;
- -moz-box-align: center;
+.alertCloseButton:hover,
+.alertCloseButton:hover:active {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
}
}