list-style-image: url("chrome://browser/skin/Privacy-16.png");
}
+@media (min-resolution: 1.25dppx) {
+ #appmenu_privateBrowsing,
+ #appmenu_newPrivateWindow {
+ list-style-image: url("chrome://browser/skin/Privacy-32.png");
+ }
+}
+
#appmenu_addons {
list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
}
+@media (min-resolution: 1.25dppx) {
+ #appmenu_addons {
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+ }
+}
+
#BMB_bookmarkThisPage,
#appmenu_bookmarkThisPage {
list-style-image: url("chrome://browser/skin/places/bookmark.png");
#socialUserPortrait {
width: 48px;
height: 48px;
+ list-style-image:url("chrome://global/skin/icons/information-32.png");
}
#socialUserDisplayName,
padding-top: 0;
font-size: 130%;
font-weight: bold;
+ list-style-image:url("chrome://global/skin/icons/information-32.png");
}
#socialUserDisplayName > .button-box {
list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
}
+.popup-notification-icon[popupid="web-notifications"] {
+ list-style-image: url("chrome://browser/skin/notification-64.png");
+}
+
.addon-progress-description {
width: 350px;
max-width: 350px;
list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
}
+.popup-notification-icon[popupid="pointerLock"] {
+ list-style-image: url("chrome://browser/skin/pointerLock-64.png");
+}
+
/* Notification icon box */
#notification-popup-box {
position: relative;
padding-left: 3px;
padding-right: 8px;
border-radius: 3px 0 0 3px;
- -moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
+ border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
-moz-margin-end: -8px;
border-right-width: 8px;
}
list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
}
+#web-notifications-notification-icon {
+ list-style-image: url("chrome://browser/skin/notification-16.png");
+}
+
+#pointerLock-notification-icon {
+ list-style-image: url("chrome://browser/skin/pointerLock-16.png");
+}
+#pointerLock-cancel {
+ margin: 0px;
+}
+
#identity-popup-container {
min-width: 280px;
}
display: none;
}
-#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1,
-#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .social-notification-container > .toolbarbutton-1 {
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar #social-toolbar-item {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar #social-toolbar-item > .toolbarbutton-1 {
padding-left: 0;
padding-right: 0;
}
-#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item {
- margin-left: 5px;
- margin-right: 5px;
+.toolbarbutton-badge-container {
+ margin: 0;
+ padding: 0;
+ position: relative;
}
-.social-notification-container {
- /* position:relative on .toolbarbutton-1 does not get position:absolute
- to work as expected on .toolbarbutton-1 generated content. Placing a
- simple container outside of .toolbarbutton-1 and setting position:relative
- on the simple container however will work. */
- position: relative;
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
+ padding: 2px 5px;
+}
+
+.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
+ position: absolute;
+ top: 2px;
+ right: 2px;
+}
+
+.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
+ -moz-margin-end: 0;
}
-.social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after {
+.toolbarbutton-badge[badge=""] {
+ display: none;
+}
+.toolbarbutton-badge[badge]:not([badge=""])::after {
/* The |content| property is set in the content stylesheet. */
font-size: 9px;
font-weight: bold;
border: 1px solid #9C9CFF;
border-radius: 2px;
position: absolute;
- top: 2px;
- right: 2px;
+ top: 0;
+ right: 0;
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
+ top: 1px;
+ right: 1px;
}
-#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > *|* > .social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after {
- top: 7px;
+.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
+ left: 0;
+ right: auto;
}
-.social-notification-container > .toolbarbutton-1[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 2px;
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
+ left: 1px;
right: auto;
}