X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=007e383152a429a8d4b204c36654a0da7a48b6a4;hp=ecebcc6a3acdf7c4d11671ac1c08ecfcab9c6da1;hb=d8502c35cba9a5fb5819046b73193d4954e04cad;hpb=fa7a94aaa4e595eee29e3c01f7760c1e39b1d399

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index ecebcc6a..007e3831 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -3964,6 +3964,33 @@ html|*#webRTC-previewVideo {
   list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin);
 }
 
+#plugin-icon-badge {
+  list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-badge);
+  opacity: 0;
+  transition: opacity 1.5s;
+}
+
+#plugins-notification-icon[extraAttr="inactive"] > .plugin-icon {
+  fill: #8050B0;
+}
+
+#plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge {
+  opacity: 1;
+}
+
+#plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge[animate] {
+  animation: blink-badge 1000ms ease 0s 5 alternate both;
+}
+
+@keyframes blink-badge {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 .plugin-icon.plugin-blocked {
   list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-blocked);
   fill: #FF0000 !important;