sync both themes with toolkit windows theme changes in Mozilla 35 cycle

[themes.git] / EarlyBlue / global / alerts / alert.css

diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css
index f031d13f6324bf48deb98eb3d6c790392e96bbbb..e6d562c592851525ba14f76229fdffe3477f6182 100644 (file)
--- a/EarlyBlue/global/alerts/alert.css
+++ b/EarlyBlue/global/alerts/alert.css
@@ -27,6 +27,10 @@
   width: 255px;
 }
 
+.alertTextBox,
+.alertCloseBox {
+}
+
 .alertBox[orient="horizontal"] > .alertImageBox {
   -moz-margin-end: 8px;
 }
@@ -35,6 +39,11 @@
   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;
   font-size: 110%;
@@ -43,6 +52,7 @@
 #alertImage {
   max-width: 48px;
   max-height: 48px;
+  list-style-image: url("chrome://global/skin/alerts/notification-48.png");
 }
 
 #alertNotification[clickable="true"] {
@@ -53,15 +63,6 @@ label {
   cursor: inherit;
 }
 
-.alertText[clickable="true"] {
-  color: blue;
-  text-decoration: underline;
-}
-
-.alertText[clickable="true"]:hover:active {
-  color: red;
-}
-
 @keyframes alert-animation {
   from {
     opacity: 0;
@@ -76,3 +77,8 @@ label {
     opacity: 0;
   }
 }
+
+.alertCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+  padding: 4px 2px;
+}