X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Falerts%2Falert.css;h=12c32b863d32868a258bf8f9e0deeaadc4d04725;hp=44f905066177b6b242ca25e0f2f0166e409d64b4;hb=1e8874ff0d80f10ef6a2e91931a3b1b73430236d;hpb=dbd844cb7cf3813ee33ce4ef53ca93b53e03e67d

diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css
index 44f90506..12c32b86 100644
--- a/LCARStrek/global/alerts/alert.css
+++ b/LCARStrek/global/alerts/alert.css
@@ -28,6 +28,10 @@
   width: 255px;
 }
 
+.alertTextBox,
+.alertCloseBox {
+}
+
 .alertBox[orient="horizontal"] > .alertImageBox {
   -moz-margin-end: 8px;
 }
@@ -36,6 +40,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%;
@@ -44,6 +53,7 @@
 #alertImage {
   max-width: 48px;
   max-height: 48px;
+  list-style-image: url("chrome://global/skin/alerts/notification-48.png");
 }
 
 #alertNotification[clickable="true"] {
@@ -54,15 +64,6 @@ label {
   cursor: inherit;
 }
 
-.alertText[clickable="true"] {
-  color: #3333FF;
-  text-decoration: underline;
-}
-
-.alertText[clickable="true"]:hover:active {
-  color: red;
-}
-
 @keyframes alert-animation {
   from {
     opacity: 0;
@@ -77,3 +78,18 @@ label {
     opacity: 0;
   }
 }
+
+.alertCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  padding: 4px 2px;
+}
+
+.alertCloseButton > .toolbarbutton-text {
+  display: none;
+}
+
+.alertCloseButton:hover,
+.alertCloseButton:hover:active {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}