-moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom");
}
+@supports ( -moz-appearance: -moz-mac-unified-toolbar ) {
+ /* This is a usable workaround to detect we're on Mac OS X. */
+ toolbar[customizable="true"]:not([nowindowdrag="true"]) {
+ -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
+ }
+}
+
toolbar[type="menubar"][autohide="true"] {
-moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
}
/* margin-top: 15px;*/
}
-#toolbar-menubar:not([autohide="true"]) {
- -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
+@supports ( not(-moz-appearance: -moz-mac-unified-toolbar) ) {
+ /* This is a usable workaround to detect we're not on Mac OS X. */
+ #toolbar-menubar:not([autohide="true"]) {
+ -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
+ }
+ #main-window[tabsintitlebar]:not([inFullscreen="true"]) #TabsToolbar {
+ padding-left: 60px;
+ }
}
#main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap {
#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
}
-/* indent due to non-applicable aero rule */
+@supports ( not(-moz-appearance: -moz-mac-unified-toolbar) ) {
+ /* This is a usable workaround to detect we're not on Mac OS X. */
+ /* indent also due to non-applicable aero rule */
#toolbar-menubar {
background-color: transparent !important;
}
color: #FF9F00;
}
+ #main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme) {
+ /*color: inherit;*/
+ }
+
#TabsToolbar:-moz-lwtheme {
/*background: linear-gradient(to top, @toolbarShadowColor@ 2px, transparent 2px);*/
}
-moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
visibility: visible;
}
+}
+
+@supports ( -moz-appearance: -moz-mac-unified-toolbar ) {
+ /* This is a usable workaround to detect we're on Mac OS X. */
+ #titlebar-buttonbox > .titlebar-button {
+ display: none;
+ }
+}
#nav-bar {
/* Position the toolbar above the bottom of background tabs */
margin-top: 4px;
}
+@supports ( -moz-appearance: -moz-mac-unified-toolbar ) {
+ /* This is a usable workaround to detect we're on Mac OS X. */
+ #main-window[sizemode="normal"] > #titlebar {
+ margin-top: 19px;
+ /* There is a margin-bottom set to -23 by code. */
+ }
+}
+
/* The button box must appear on top of the navigator-toolbox in order for
* click and hover mouse events to work properly for the button in the restored
* window state. Otherwise, elements in the navigator-toolbox, like the menubar,
list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
}
+@supports ( -moz-appearance: -moz-mac-unified-toolbar ) {
+ /* This is a usable workaround to detect we're on Mac OS X. */
+ #titlebar-fullscreen-button {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/icons/mac-fullscreen-icon.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+ }
+
+ #titlebar-fullscreen-button:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+ }
+
+ @media (min-resolution: 2dppx) {
+ #titlebar-fullscreen-button {
+ list-style-image: url("chrome://browser/skin/icons/mac-fullscreen-icon@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ #titlebar-fullscreen-button:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+ }
+}
+
+
/* ::::: bookmark buttons ::::: */
toolbarbutton.bookmark-item:not(.subviewbutton),
-moz-image-region: rect(18px, 684px, 36px, 666px);
}
+#loop-call-button > .toolbarbutton-badge-container {
+ list-style-image: url("chrome://browser/skin/loop/toolbarfx.png");
+ -moz-image-region: rect(0, 18px, 18px, 0);
+}
+
+#loop-call-button:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 90px, 18px, 72px);
+}
+
+#loop-call-button[disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 36px, 18px, 18px);
+}
+
+#loop-call-button[disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 126px, 18px, 108px);
+}
+
+#loop-call-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 54px, 18px, 36px);
+}
+
+#loop-call-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 72px, 18px, 54px);
+}
+
+#loop-call-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 108px, 18px, 90px);
+}
+
/* === END toolbarbuttons.inc.css === */
/* === BEGIN menupanel.inc.css === */
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
#copy-button, #paste-button, #e10s-button) {
- list-style-image: url("chrome://browser/skin/menuPanel.png");
+ list-style-image: url("chrome://browser/skin/menuPanelFx.png"); /* avoid aero overrides with changed filename */
}
#home-button[cui-areatype="menu-panel"],
-moz-image-region: rect(0, 832px, 32px, 800px);
}
+#loop-call-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+toolbarpaletteitem[place="palette"] > #loop-call-button > .toolbarbutton-badge-container {
+ list-style-image: url("chrome://browser/skin/loop/menuPanel.png");
+ -moz-image-region: rect(0, 32px, 32px, 0);
+}
+
+/* Make sure that the state icons are not shown in the customization palette. */
+toolbarpaletteitem[place="palette"] > #loop-call-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 32px, 32px, 0) !important;
+}
+
+#loop-call-button[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 160px, 32px, 128px);
+}
+
+#loop-call-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+}
+
+#loop-call-button[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 224px, 32px, 192px);
+}
+
+#loop-call-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 96px, 32px, 64px);
+}
+
+#loop-call-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 32px, 96px);
+}
+
+#loop-call-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 32px, 160px);
+}
+
/* Wide panel control icons */
#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
- list-style-image: url("chrome://browser/skin/menuPanel-small.png");
+ list-style-image: url("chrome://browser/skin/menuPanelFx-small.png"); /* avoid aero overrides with changed filename */
}
#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar {
- -moz-border-start: none;
-/* margin-left: 0;*/
+/* -moz-border-start: none;
+ margin-left: 0;*/
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
}
toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon,
toolbarpaletteitem > toolbaritem.panel-wide-item,
toolbarpaletteitem > toolbarbutton[type="menu-button"] {
transition: transform .3s cubic-bezier(.6, 2, .75, 1.5) !important;
}
-toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon {
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon {
transform: scale(1.3);
}