#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-button:-moz-locale-dir(rtl) {
}
-#PanelUI-menu-button[update-status="succeeded"] .toolbarbutton-badge::after {
- content: url(chrome://browser/skin/update-badge.svg);
- background-color: #008484;
+#PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ display: -moz-box;
height: 10px;
+ width: 10px;
+ background-size: contain;
+ border: none;
+}
+
+#PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ 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: #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: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
+ height: 13px;
+ box-shadow: none;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
}
.panel-subviews {
border-radius: 4px;
}
-#app-extension-point-end > #PanelUI-menu-button {
- padding: 2px 5px;
-}
-#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text {
- display: none;
-}
-#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon {
- margin: 0;
-}
-
#PanelUI-popup > arrowscrollbox > autorepeatbutton {
display: none;
}
top: 25%;
}
+#PanelUI-update-status[update-status]::after {
+ content: "";
+ width: 14px;
+ height: 14px;
+ margin-right: 16.5px;
+ border-radius: 2px;
+ background-size: contain;
+ display: -moz-box;
+}
+
+#PanelUI-update-status[update-status="succeeded"]::after {
+ background-image: url(chrome://browser/skin/update-badge.svg);
+ background-color: #008484;
+}
+
+#PanelUI-update-status[update-status="failed"]::after {
+ background-image: url(chrome://browser/skin/update-badge-failed.svg);
+ background-color: #FF0000;
+}
+
#PanelUI-fxa-status {
display: flex;
flex: 1 1 0%;