-moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom");
}
+@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme), (-moz-mac-yosemite-theme) {
+ /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */
+ 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");
+@media (-moz-mac-graphite-theme: 0) and (-moz-mac-lion-theme: 0) {
+ /* This is a hackish workaround to exclude most of Mac OS until bug 1060941 gets fixed. */
+ #toolbar-menubar:not([autohide="true"]) {
+ -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
+ }
+}
+
+@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) {
+ /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */
+ #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 */
+@media (-moz-mac-graphite-theme: 0) and (-moz-mac-lion-theme: 0) {
+ /* This is a hackish workaround to exclude most of Mac OS until bug 1060941 gets fixed. */
+ /* Indent also due to non-applicable aero rule in original Windows theme. */
#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;
}
+}
+
+@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) {
+ /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */
+ #titlebar-buttonbox > .titlebar-button {
+ display: none;
+ }
+}
#nav-bar {
/* Position the toolbar above the bottom of background tabs */
margin-top: 4px;
}
+@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) {
+ /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */
+ #main-window[sizemode="normal"] > #titlebar,
+ #main-window[sizemode="maximized"] > #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");
}
+@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) {
+ /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */
+ #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,
/* unified back/forward button */
#forward-button {
+ -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
}
#forward-button > menupopup {
}
#forward-button {
- -moz-margin-start: -6px !important;
- padding-left: 7px;
- padding-right: 3px;
+ -moz-margin-start: -4px !important;
+ padding-left: 4px;
+ padding-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 0 10000px 10000px 0;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button {
- transition: margin-left,opacity 150ms ease-out;
+ transition: margin-left 150ms ease-out;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] {
- margin-left: -30px !important;
- opacity: 0;
+ margin-left: -27px !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] {
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] {
/* when not hovered anymore, trigger a new transition to hide the forward button immediately */
- margin-left: -30.01px !important;
- opacity: 0;
+ margin-left: -27.01px !important;
}
#back-button {
background-clip: padding-box !important;
/* background-color: hsla(210,25%,98%,.08) !important;
padding: 6px !important;
- border-color: hsla(210,4%,10%,.25) !important;*/
- transition-property: background-color, border-color !important;
+ border-style: none !important;
+ box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
+ 0 0 0 1px hsla(210,4%,10%,.25);*/
+ transition-property: background-color, box-shadow !important;
transition-duration: 250ms !important;
}
#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
-/* background-color: hsla(210,4%,10%,.08) !important;
- box-shadow: none !important;*/
+/* background-color: hsla(210,4%,10%,.08) !important;*/
}
#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
#back-button[open="true"] > .toolbarbutton-icon {
/* background-color: hsla(210,4%,10%,.12) !important;
- box-shadow: 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
+ box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
+ 0 0 0 1px hsla(210,4%,10%,.25),
+ 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
#urlbar,
.searchbar-textbox {
border-radius: 5px;
- margin: 0;
+ margin: 2px 0;
-moz-margin-start: 3px;
}
}
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) {
window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
/* clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");*/
- -moz-margin-start: -5px;
+/* -moz-margin-start: -5px; */
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl),
-moz-padding-start: 0px;
}
+#sidebar-header > .close-icon {
+/* padding: 4px 2px;
+ margin: 0;
+ border: none;*/
+ list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+#sidebar-header > .close-icon:hover,
+#sidebar-header > .close-icon:hover:active {
+ list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
+
.browserContainer > findbar {
/*
background-color: -moz-dialog;
}
.tab-label {
+ /* this needs to add up to the 16px of the icon image */
+ height: 12px;
+ margin-top: 2px !important;
+ margin-bottom: 2px !important;
}
.tab-close-button {
background-color: #402800;
}
-/* Tabstrip close button */
-.tabs-closebutton {
- -moz-box-flex: 1;
- margin: 0px;
- padding: 2px;
- list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-.tabs-closebutton > .toolbarbutton-icon {
-}
-
-.tabs-closebutton > .toolbarbutton-text {
- display: none;
-}
-
-.tabs-closebutton:hover,
-.tabs-closebutton:hover:active {
- list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
toolbarbutton.chevron {
list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
}
border-right-width: 8px;
}
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar > #notification-popup-box {
-/* padding-left: 5px; */
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box {
+/* padding-left: 7px; */
}
#notification-popup-box:-moz-locale-dir(rtl),
margin: 0px;
}
+/* Translation infobar */
+
+/* === BEGIN infobar.inc.css === */
+
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+}
+
+notification[value="translation"] {
+ min-height: 40px;
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-width: 0;
+/* min-height: 30px;
+ -moz-padding-end: 1ch; */
+}
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+/* -moz-margin-start: 3ch; */
+}
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+/* -moz-margin-end: 3ch; */
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+/* -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch; */
+}
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+}
+
+/* === END infobar.inc.css === */
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.translation-menupopup {
+ -moz-appearance: none;
+}
+
/* Bookmarks roots menu-items */
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup,
}
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);
}