#PanelUI-popup #PanelUI-contents:empty::before {
content: "";
- background-image: url("chrome://browser/skin/customizableui/whimsy-bw.png");
+ background-image: url(chrome://browser/skin/customizableui/whimsy.png);
+ background-size: 64px 64px;
display: block;
width: 64px;
height: 64px;
whimsyMoveY 3.4s linear 0s infinite alternate;
}
+#PanelUI-popup #PanelUI-contents:not(:hover):empty::before {
+ filter: grayscale(100%);
+}
+
#PanelUI-popup #PanelUI-contents:active:empty::before {
animation: whimsyMoveX 3.05s linear 0s infinite alternate,
whimsyMoveY 3.4s linear 0s infinite alternate,
whimsyRotate 1s linear 0s infinite normal;
}
-#PanelUI-popup #PanelUI-contents:empty:hover::before {
- background-image: url("chrome://browser/skin/customizableui/whimsy.png");
-}
-
@media (min-resolution: 2dppx) {
#PanelUI-popup #PanelUI-contents:empty::before {
- background-image: url("chrome://browser/skin/customizableui/whimsy-bw@2x.png");
- background-size: 64px 64px;
- }
- #PanelUI-popup #PanelUI-contents:empty:hover::before {
background-image: url("chrome://browser/skin/customizableui/whimsy@2x.png");
}
}