#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");
}
}
}
#PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
- background-image: url(chrome://browser/skin/update-badge.svg);
- background-color: #008484;
+ background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
+ height: 13px;
}
#PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
- background-image: url(chrome://browser/skin/update-badge-failed.svg);
- background-color: #FF0000;
+ background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+ height: 13px;
}
#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
- background-color: transparent;
- background-image: url(chrome://browser/skin/warning.svg);
+ background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
+ height: 13px;
box-shadow: none;
}