projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git]
/
EarlyBlue
/
global
/
alerts
/
alert-common.css
diff --git
a/EarlyBlue/global/alerts/alert-common.css
b/EarlyBlue/global/alerts/alert-common.css
index 546534a4fe0356a9fb10ef3f749c01bc5fefdda3..1caf842925ba4ef6685b1ee95a635b87d7ddb310 100644
(file)
--- a/
EarlyBlue/global/alerts/alert-common.css
+++ b/
EarlyBlue/global/alerts/alert-common.css
@@
-26,6
+26,12
@@
animation-name: alert-fadeout-animation;
}
animation-name: alert-fadeout-animation;
}
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+ /* !important is necessary because CSS animations have highest
+ importance in the cascade with exception to !important rules. */
+ opacity: 1 !important;
+}
+
@keyframes alert-animation {
from {
opacity: 0;
@keyframes alert-animation {
from {
opacity: 0;
@@
-53,6
+59,22
@@
}
}
}
}
+#alertIcon {
+ margin-top: 6px;
+ margin-inline-start: 8px;
+ margin-inline-end: 0;
+ margin-bottom: 0;
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px;
+}
+
+@media (resolution: 2dppx) {
+ #alertIcon {
+ image-rendering: -moz-crisp-edges;
+ }
+}
+
#alertImage {
width: 80px;
height: 80px;
#alertImage {
width: 80px;
height: 80px;
@@
-107,7
+129,9
@@
#alertSettings {
border-radius: 0px;
min-width: 0;
#alertSettings {
border-radius: 0px;
min-width: 0;
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+ -moz-context-properties: fill;
+ fill: #808080;
margin-inline-end: 0;
margin-bottom: 0;
}
margin-inline-end: 0;
margin-bottom: 0;
}
@@
-118,7
+142,7
@@
#alertSettings:hover,
#alertSettings[open] {
#alertSettings:hover,
#alertSettings[open] {
-
list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted")
;
+
fill: #000000
;
}
#alertSettings:hover {
}
#alertSettings:hover {